[SOLUCIONADO] Navegar con la tecla tabulador por una tabla

karma274 · #1 (**permalink**) 06/06/2014, 09:17

Hola, estoy tratando de crear una funcion javascript para navegar por una tabla con la tecla tabulador pero como aun estoy muy verde en javascript no lo he conseguido. Agredezco cualquier tipo de ayuda que me puedan brindar.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript">
function cambiar(evt){
//asignamos el valor de la tecla a keynum
    if(window.event){// IE
        keynum = evt.keyCode;
    }else{
        keynum = evt.which;
    }
        //comprobamos si se encuentra en el rango
    if(keynum=9){
        document.getElementById('cedula').focus();
    }
}
</script>
</head>
<body>
<table>
<form>
<tr><td><input type="text" id="nombre" onkeypress="cambiar(event);"/></td><td><input type="text" id="direccion"/></td></tr>
<tr><td><input type="text" id="cedula"/></td><td><input type="text" id="ciudad"/></td></tr>
</form>
</table>
</body>
</html>

Italico76 · #2 (**permalink**) 06/06/2014, 09:46

Disculpa sino te entiendo pero es especificando el TABINDEX

Ya si lo que quieres es avanza al proximo en el TABINDEX automaticamete mira este post.

http://www.htmlgoodies.com/tutors/fo...le.php/3479201
http://stackoverflow.com/questions/7...t-in-tab-index

PHPeros · #3 (**permalink**) 06/06/2014, 09:57

Como ya te dicen, ese comportamiento lo tiene el navegador por defecto, incluso puedes poner un orden de tabulación mediante susodicha propiedad.

Por cierto, si lo que querías era hacer una solución cross browser no lo has conseguido

karma274 · #4 (**permalink**) 06/06/2014, 10:41

OK, no puedo creer que haya quedado como un noob con este tema pero es que nunca se me paso por la cabeza buscar una solucion diferente de Javascript porque es un tema del que quiero aprender mas. Muchas gracias por colaborarme con el tema Italico76 y PHPeros. Solo agregue los TABINDEX correspondientes y funciono al pie de la letra.

Italico76 · #5 (**permalink**) 06/06/2014, 10:53

Entonces simplemente asignas los TABINDEX de esa forma, por ejemplo ...

TABINDEX="1" TABINDEX="5"
TABINDEX="2" TABINDEX="6"
TABINDEX="3" TABINDEX="7"
TABINDEX="4" TABINDEX="8"

Donde logicamente cada TABINDEX esta dentro de un elemento distinto pero visualmente estan encolumnados