Distintos Setfocus

vcarrasco · #1 (**permalink**) 26/12/2012, 13:55

Hola!!

Me gustaría me ayuden con los siguiente:

Necesito realizar distintos setfocus en un misma pagina, al abrir la pagina tengo el setfocus así:

<body onload="document.form1.usuario.focus();">
también, se podría así:
<body onload="document.forms[0].elements[0].focus();" >
ambos funcionan, pero ahora requiero darle set focus a los otros campos, a medida que se vallan llenando que cambie de uno a otro, pero esto no logro hacerlo. Podría hacerlo con el tabular, pero el diseño esta pensado para NO utilizar teclado, ya que los datos entran por voz y se convierten en texto.

Gracias

David · #2 (**permalink**) 26/12/2012, 13:57

Bienvenido al foro.

¿Y en base a qué criterio quieres cambiar el foco? ¿Los campos tienen límite de caracteres?

abimaelrc · #3 (**permalink**) 26/12/2012, 13:57

Deberías trabajar con listeners. Y que cada vez que termine sea entonces los que muevan el foco al otro campo. Podrías hacerlo a mano (o sea desde 0) o con alguna librería.

vcarrasco · #4 (**permalink**) 26/12/2012, 17:23

Cita:

Iniciado por David

Bienvenido al foro.

¿Y en base a qué criterio quieres cambiar el foco? ¿Los campos tienen límite de caracteres?

Lo que quiero es que cuando el campo no esta vació, acá ahí validaciones dependiendo lo que diga el usuario, paso el siguiente campo. No tiene limite de caracteres. El porque es que el diseño esta pensado para personas con dificultad visual, por lo mismo se quiere que no tengan que ir de campo a otro con el ratón o el teclado.

vcarrasco · #5 (**permalink**) 26/12/2012, 17:24

Cita:

Iniciado por abimaelrc

Deberías trabajar con listeners. Y que cada vez que termine sea entonces los que muevan el foco al otro campo. Podrías hacerlo a mano (o sea desde 0) o con alguna librería.

Gracias. Voy a revisar lo que mencionas de los listeners, no lo había usado antes por lo mismo voy a ver que resulta.

David · #6 (**permalink**) 26/12/2012, 18:10

Puedes recorrer todos los elementos del formulario y buscar el primero que esté vacío:

Código Javascript:

Ver originalvar campos = document.getElementById("id_del_formulario").elements;
for (var i = 0; i < campos.length; i++) {
    if (campos[i].type == "text" && campos[i].value == "") {
        campos[i].focus();
        break;
    }
}