tabulador automatico

edxodar_12 · #1 (**permalink**) 13/08/2008, 17:13

Hola a todos de pura casualidad no tendran un js que cuando aprietes dos teclas..
se haga como si se apretara la tecla de tabulacion...

de antemano muchas gracias

JavierB · #2 (**permalink**) 14/08/2008, 04:43

Hola edxodar_12

No entiendo bien tu duda

pero echa un vistazo a este mensaje, a ver si te sirve de orientación:

http://www.forosdelweb.com/1268726-post231.html

Saludos,

edxodar_12 · #3 (**permalink**) 14/08/2008, 09:56

ayer me fui por un imprevisto.. si me explique mal, lo que quiria es recorrer los elementos de un formulario al precionar dos teclas.. por ejemplo en una caja de texto aprieto 0 y luego 2 despues de ingresar el segundo dato aho que se haga la tabulacion

David · #4 (**permalink**) 14/08/2008, 09:59

A ver si entendí, los campos permitirán únicamente dos letras, y quieres que al llegar a ese límite pase al siguiente campo, ¿es así?.

En ese caso podrías modificar la función de JavierB para que en vez de comparar el código de tecla compare el lenght del campo y si es mayor del deseado pasar al otro campo.

edxodar_12 · #5 (**permalink**) 14/08/2008, 10:05

si eso es lo que quiero hacer
ya te entendi..
voy a checar como lo puedo modificar
grax

edxodar_12 · #6 (**permalink**) 14/08/2008, 10:08

nadamas una duda se le asigna a una variable y despues utilizo el if o se puede poner directo al if..??

David · #7 (**permalink**) 14/08/2008, 10:12

No sé a qué valor te estás refiriendo, pero en la mayoría de los casos se puede usar directamente, aunque para facilitar la lectura del código y principalmente si vas a usar el valor varias veces, es normal que se asigne a una variable.

edxodar_12 · #8 (**permalink**) 14/08/2008, 11:51

como asigno el valor de la leguht??..
le intente de varias formas y no pude!!:.

David · #9 (**permalink**) 14/08/2008, 11:57

Por ejemplo, si tienes un <input> con id='texto'. Entonces sería:

Código PHP:

  var longitud = document.getElementById('texto').value.length;

edxodar_12 · #10 (**permalink**) 14/08/2008, 12:23

me marca error dice que se esperaba un objeto!!...
porque me lo marca si se supone que por lo menos me debe poner la longitud a 1?

David · #11 (**permalink**) 14/08/2008, 12:28

¿Tienes certeza que estás colocando el id correcto del input? ¿Cuál es el código HTML del input?

edxodar_12 · #12 (**permalink**) 14/08/2008, 12:34

<input type="text" id='texto' onkeypress="return tabular(event,this)" />

y este fue el ke me distes

var longitud = document.getElementById('texto').value.length;aler t ("dia"+longitud);

David · #13 (**permalink**) 14/08/2008, 12:38

Yo lo probé y funciona

. El error debe estar en otra parte del código.

edxodar_12 · #14 (**permalink**) 14/08/2008, 12:57

lo volvi ha hacer y ya me lo acepto ya me sale!!:.

nadamas otro pregunta!!..

caul seria el evento, si quiero que primero se ponga el numero y luego haga el evento.. el que tengo es el mismo del ejemplo onkeypress pero quiero que primero ponga el numero hay alguno?

David · #15 (**permalink**) 14/08/2008, 12:59

No, el mejor evento para eso es el onkeypress, aunque como tal creo que te va a servir. Haz las pruebas, y si falla nos cuentas.

.

edxodar_12 · #16 (**permalink**) 14/08/2008, 13:13

busque algunos evento el que me funciono es el onkeyup
te lo agradesco mucho David
asi me quedo:

<html>
<head>
<script>
function tabular(e,obj) {

var longitud = document.getElementById('texto').value.length;

if(longitud==0) return;
if(longitud==1) return;
frm=obj.form;
for(i=0;i<frm.elements.length;i++)
if(frm.elements[i]==obj) {
if (i==frm.elements.length-1) i=-1;
break }
frm.elements[i+1].focus();
return false;
}
</script>
</head>
<body>

<form>
<input type="text" id='texto' maxlength="2" onkeyup="return tabular(event,this)" />
<input type="text" onkeypress="return tabular(event,this)" />
</form>
</body>
</html>

David · #17 (**permalink**) 14/08/2008, 13:16

Me alegra que haya funcionado, de paso se agradece a JavierB quien es el que hizo el código original.

P.S.: Aunque creo que lo más correcto sería usar this.value en vez de un id fijo.

edxodar_12 · #18 (**permalink**) 14/08/2008, 14:32

otra vez yo sorry por molestar eso que me dijiste suena interesante pero no lo comprendo bien.. que le debo canviar al codigo tome la longitud como tu me dijiste?

David · #19 (**permalink**) 14/08/2008, 14:36

Como ya le estás pasando el objeto como parámetro, solo cambia esto:

Código PHP:

  var longitud = document.getElementById('texto').value.length;

Por:

Código PHP:

  var longitud = obj.value.length;

También, si la longitud máxima no es la misma en todos los campos puedes pasar el máximo como parámetro.