focus() no funciona en firefox

truman_truman · #1 (**permalink**) 01/12/2010, 23:21

Hola me cansé de buscar y no encuentro la solucion,

POR QUE NO FUNCIONE ESTO EN FIREFOX ?

Código Javascript:

Ver originalfunction situarCursor(){
    
    
    document.sss.textfield.focus();
    alert('aaaaa');
 
    
}

TAMPOCO FUNCIONA ASI

Código Javascript:

Ver originalfunction situarCursor(){
    
    
    alert('aaaaa');
        document.sss.textfield.focus();
 
    
}

NI ASI

Código Javascript:

Ver originalfunction situarCursor(){
    
    
    alert('aaaaa');
        document.sss.textfield.focus();
        return false;
 
    
}

Y EN LOS OTRO NAVEGADORES SI

SALUDOS

IsaBelM · #2 (**permalink**) 02/12/2010, 06:20

que yo sepa, ff no tiene ningún problema con el métedo focus(). prueba a hacer referencia al control por su id en vez de por su name

truman_truman · #3 (**permalink**) 02/12/2010, 07:49

Ya probé y tampoco funciona

_cronos2 · #4 (**permalink**) 02/12/2010, 08:05

¿Cómo estás usando la función?

truman_truman · #5 (**permalink**) 02/12/2010, 08:10

la uso en un campo de texto, ,y la llamo con onblur, .... este campo es generado con javascript (será ese el problema?)

igualmente te comento que probé hacer otro archivo con un formulario, y varios campos text
y con esta funcion, y la llamé con onblur y onclick y nada funciona, pero el en IE si

_cronos2 · #6 (**permalink**) 02/12/2010, 08:16

Esque creo recordar que FF no permite poner un focus() al mismo campo en el onblur, así que habrá que aguantarse

truman_truman · #7 (**permalink**) 02/12/2010, 08:23

lo probé con un boton con onclick y na funciona tampoco , osea focus() no funciona de nunguna manera en "mi" firefox

_cronos2 · #8 (**permalink**) 02/12/2010, 08:33

¿Y lo estás haciendo así?:

Código HTML:

Ver original<input type='text' id='campo' />
<button onclick='document.getElementById("campo").focus()'>Pulsa</button>

truman_truman · #9 (**permalink**) 02/12/2010, 18:45

Funciona todo menos el focus()

le hago esto y funciona:
document.getElementById('preguntas'+id).value = 'INGRESE LA PREGUNTA';

esto tambien:
document.getElementById('preguntas'+id).className= "borde_input";

pero esto NOOOO:
document.getElementById('preguntas'+id).focus();

Como puede ser posible ??????

truman_truman · #10 (**permalink**) 02/12/2010, 20:11

Sigo descubriendo cosas,
Con onClick funciona pero con onBlur NO

.

snahor_ · #11 (**permalink**) 02/12/2010, 20:25

Estas tratando de disparar el focus en el blur?

truman_truman · #12 (**permalink**) 02/12/2010, 20:32

Cita:

Iniciado por snahor_

Estas tratando de disparar el focus en el blur?

Si . llamo a onBlur a una funcion que valida si el value del campo está vacio, si es asi le hago focus a ese campo, para que el user escriba ahí. se entiende?

truman_truman · #13 (**permalink**) 03/12/2010, 16:12

Si alquien fuera tan amable de copiar y pegar este codigo y probarlo, quiero saber porque no funciona el FOCUS() en firefox.
Lo raro es que el ALERT() funciona perfectamente pero el focus no

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Crear elemento HTML</title>
<script type="text/javascript">
<!--
//CREAR PREGUNTA***************************************
var num=1;
function creaPreguntaSimple(){
 
    var capa_preguntas = document.getElementById("preguntas");
    var todo = capa_preguntas.innerHTML;
    var div_preguntas = document.createElement("div");
    
    div_preguntas.id='div_preguntas'+num;
    div_preguntas.innerHTML ="<input type='text' id='preguntas"+num+"' onBlur='compruebaVacio("+num+");'>";
    capa_preguntas.appendChild(div_preguntas);
    
    
 num++;     
}
function compruebaVacio(id){
        alert("Despues de este ALERT() deberia hacer FOCUS() en el campo de texto, y no lo hace..........POR QUEEEEEEE  ? POR QUE FUNCIONA EL ALERT Y NO EL FOCUS()");
        document.getElementById('preguntas'+id).focus();
}
//-->
</script>
 
</head>
<body>
<div id="preguntas">
<input onClick="creaPreguntaSimple()" type="button" name="pregunta_simple" id="pregunta_simple" value="Crear Pregunta Simple">
</div>
</body>
</html>

_cronos2 · #14 (**permalink**) 03/12/2010, 16:16

Si la función la tienes así nada más es normal porque FF evita que el usuario no se pueda mover de ese campo, según esa función cuando pierde el foco tiene que volver a recibirlo, así que no podría salir. Prueba a poner un if para comprobar el value del input y quizás te funcione, pero no te aseguro nada.
Saludos.

truman_truman · #15 (**permalink**) 03/12/2010, 16:18

Ya lo probé y no funciona, probé mil cosas, aca puse el codigo lo mas reducido posible para que se entienda bien

Entonces no tiene solucion?? como podría hacer , no puedo creeer que no haya una solucion, osea es un error de firefox?

_cronos2 · #16 (**permalink**) 03/12/2010, 16:34

No es un error, es un 'privilegio' que se le da al usuario, porque a mí no me gustaría qe una página no me dejara salir de un campo porque no sea correcto, aunque quede muy bien que cuando salgas se cree el div directamente. Puedes poner un botón al lado del textarea como en tuenti o facebook.
Saludos (:

elizazenere · #17 (**permalink**) 03/12/2010, 16:35

Hola
El error de base es que por ejemplo
var capa_preguntas = document.getElementById("preguntas");
el getElementById se usa cuando tenes un input no un div.
Para trabajar con los div como lo estas haciendo deberías usar xajax.
Lo probé el código en chrome y sus herramientas de desarrolladores te lo cuento porque es una buena manera de depurar código.
Suerte

Eli Z.

ocp001a · #18 (**permalink**) 03/12/2010, 16:40

Podrias instalar firebug para que te diga si tienes errores en el js, luego no estoy seguro si estas aplicando el html de manera correcta, donde tu pones

Código Javascript:

Ver originaldiv_preguntas.innerHTML ="<input type='text' id='preguntas"+num+"' onBlur='compruebaVacio("+num+");'>"

yo pondria

Código Javascript:

Ver originaldiv_preguntas.innerHTML ='<input type="text" id="preguntas'+num+'" onBlur="compruebaVacio('+num+');">'

ya que hasta donde recuerdo los atributos de las etiquetas html las debes declarar con comillas y no apostrofes.

aunque suelo comprobar los campos al final, si necesitas comprobarlo en el blur, tambien podrias hacer algo como esto:

Código Javascript:

Ver originaldiv_preguntas.innerHTML ='<input type="text" id="preguntas'+num+'" onBlur="if(this.value==\'\'){this.focus();}">'

_cronos2 · #19 (**permalink**) 03/12/2010, 16:41

getElementById() se usa para cualquier elemento que tenga id.

furoya · #20 (**permalink**) 06/12/2010, 14:41

Hice en los últimos años varios ejemplos que cambiaban el foco, y no recordaba que en Mozilla no funcionara.
La verdad es que no disponía de tiempo, pero cuando vi este tema, lo mismo me puse a buscar una alternativa, porque pensé que me podían servir para actualizar o corregir viejos códigos que no iban a andar. Pero en algún momento se me ocurrió probarlo.

¿Hasta qué versión Firefox no reconoce el focus()? (Estoy preguntando en serio, porque aún si encuentro una solución no creo que ya la pueda verificar).

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>

<title>Crear elemento HTML</title>
<script type="text/javascript">
<!--
var num=1;
function creaPreguntaSimple(){     
var capa_preguntas = document.getElementById("preguntas");    
var todo = capa_preguntas.innerHTML;    
var div_preguntas = document.createElement("div");        
div_preguntas.id='div_preguntas'+num;    
div_preguntas.innerHTML ="<input type='text' id='preguntas"+num+"'>";    
capa_preguntas.appendChild(div_preguntas); 
setTimeout("compruebaVacio(num);num++;", 10);        
     }

function compruebaVacio(id){  
//alert("Pone foco en " + id)      
document.getElementById('preguntas'+id).focus();
}
//-->
</script> 

</head>

<body>

<div id="preguntas">
<input onClick="creaPreguntaSimple()" type="button" 
name="pregunta_simple" id="pregunta_simple" value="Crear Pregunta Simple"></div>
</body></html>

Yo lo hubiese hecho distinto, truman_truman; pero traté de ajustarme lo más posible al código que pusiste. El problema es que tampoco entiendo muy bien qué quieres hacer.
Ahora cuando me confirmen el dato voy a probar con otros métodos y dejo algún ejemplo para que me digan si anda. Bueno, si todavía alguien tiene un FF viejo.

truman_truman · #21 (**permalink**) 06/12/2010, 15:58

Hola ante todo gracias, si te fijas arriba puse el codigo, copialo y probalo; al salir del campo de texto se produce un alert y quiero que haga focus en campo de texto luego de cerrar ese alert.
Encontré una forma de hacerlo pero es muy atada con alambre jeje. Por favor fijate si lo podés hacer
Gracias

zerokilled · #22 (**permalink**) 06/12/2010, 21:55

no he seguido muy bien este tema y tengo algo de vagancia leerlo detenidamente.

mis disculpas... de todos modos comprobe tanto tu código como el de @furoya. el tuyo tampoco me funciona en firefox. no es un error, @cronos ya trato de explicarlo. es un privilegio que firefox cede al usuario y bajo ciertas circunstancias no se puede manejar el foco. existe una forma de "forzarlo" pero me resisto mencionarlo,

pues es bien molestoso cuando un script controla al usuario. recuerda que un script debería mejorar la experiencia de navegación al usuario.

cuantas soluciones existen, no lo sé. pero comprendiendo como es que ocurren las limitaciones nos ayuda a buscar soluciones. básicamente la restrincción de focus ocurre cuando invocas el método en el evento blur. por tanto, la invocación de focus debe suceder fuera del call stack del evento. en javascript -me parece a mi- la única forma de ejecutar un código fuera del call stack son con funciones que se interpretan en el ámbito global: setTimeout, setInterval, eval, Function. con setTimeout es cuestión de asignar el foco luego de un tiempo.

Código:

<input onblur="var that = this; setTimeout(function(){that.focus();}, 0);" />

en este ejemplo el foco siempre se restaura al campo. en tu caso, deberas invocar setTimeout bajo cierta condiciones.

truman_truman · #23 (**permalink**) 06/12/2010, 22:41

Ok soy bastante novato todavia en javascript y no se muy bien usar esas funciones que pones ahí... Igualmente a mi se me había ocurrido una forma y era:

Tenemos un campo y lo llamamos campo UNO.
Crear un campo de texto lo llamamos campo DOS y aplicarle estilo css, ancho 1px alto 1px, borde color blanco... esto hace que sea invisible.

entonces al salir del UNO se ejecuta onBlur haciendo focus() en el campo DOS , que es invisible, y al salir de este campo tambien se ejecuta onblur Pero haciendo focus el el campo UNO... de esta manera el user no podrá salir sin haber escrito algo en el campo...

jejejeje es una solucion "atada con alambre" pero me funcionó jeje

Saludos

furoya · #24 (**permalink**) 07/12/2010, 15:49

Cita:

Iniciado por truman_truman

Hola ante todo gracias, si te fijas arriba puse el codigo, copialo y probalo; al salir del campo de texto se produce un alert y quiero que haga focus en campo de texto luego de cerrar ese alert.
Encontré una forma de hacerlo pero es muy atada con alambre jeje. Por favor fijate si lo podés hacer
Gracias

Sí, lo vi. De ahí saqué el que puse.

Pero no entiendo qué sentido tiene eso. Lo que necesitamos que nos expliques no es el capricho de que aparezca una alerta y mande el foco, porque eso se puede —y debe— hacer mejor con otro método. En todo caso, lo que nos tienes que decir es que no quieres que abandonen el campo si está vacío, o mejor, que no quieres que agreguen otro nuevo hasta completar el anterior.

Pero eso ya está hecho. Con buscarlo en el Foro es suficiente.

Hay un error de interpretación en el evento en Firefox y creo que en otros. Pero es más bien porque las alertas están hechas con CSS. Por eso para evitar un loop, te dan la opción de ignorar la siguiente vuelta del mensaje ... y así se te acabó el aviso.

Al menos ya quedó claro que focus() si anda en Mozilla.

lccrhn · #25 (**permalink**) 13/03/2015, 08:50

usa este:
document.form1.sss.textfield.focus();