Código Autotabulación

agarliathep · #1 (**permalink**) 17/05/2012, 02:45

Hola Chicos.

Mi primer posteo. Soy nuevo en este foro y supermeganovato programando. A mi edad, jejeje.

Bueno os paso el código que me ha currao que es rollo cortar y pegar para hacer autotab. Lo único que hay que tener en cuenta es añadir un onkeyup="autoTab()" en cada uno de los inputs del formulario para que llamen a la función. Podeis usarlo a placer...

Código:

<html> 
<head>
<script>


function autoTab()
{
	for(var i=0; document.formulario.elements[i].value.length; i++)
	{

		if(document.formulario.elements[i].value.length==document.formulario.elements[i].maxLength)
		{
			document.formulario.elements[i+1].focus();
		}
	}
}

</script>




</head>

<body>
	<form name="formulario">
		<input type="text" name="nt1" size="5" maxlength="4" onkeyup="autoTab()" />&nbsp;&nbsp;

		<input type="text" name="nt2" size="5" maxlength="4" onkeyup="autoTab()" />&nbsp;&nbsp;

		<input type="text" name="nt3" size="5" maxlength="4" onkeyup="autoTab()" />&nbsp;&nbsp;

		<input type="text" name="nt4" size="5" maxlength="4" />
	</form>

</body>
</html>

Por cierto si veis algo mal decidmelo porque ya os digo, soy un supernovatazo programando. En cualquier caso la consola de errores no me dice que ocurra nada raro.
Por cierto he tardardo un dia entero en hacer esto. Podeis destornillaros a placer, jajaja...
Bueno, con práctica y vuestra ayuda supongo que mejoraré con los timings

IsaBelM · #2 (**permalink**) 17/05/2012, 05:27

buen intento

es verdad que no tiene errores de sintaxis, pero .....

a cada pulsación se recorre el ciclo
al usar el evento onkeyup y no paserle a la función el objeto event, no puedes hacer un backspace

Cita:

<html>
<head>
<script>

function autoTab(obj, tam)
{
var frm=obj.form;
var largo = obj.value.length;
if (largo == tam) {
for(i=0;i<frm.elements.length;i++) {
if(frm.elements[i]==obj) {
frm.elements[i+1].focus();
break;
}
}
}
}

</script>

</head>

<body>
<form name="formulario">
<input type="text" name="nt1" size="5" maxlength="4" onkeypress="autoTab(this, this.maxLength)" />  

<input type="text" name="nt2" size="5" maxlength="4" onkeypress="autoTab(this, this.maxLength)" />  

<input type="text" name="nt3" size="5" maxlength="4" onkeypress="autoTab(this, this.maxLength)" />  

<input type="text" name="nt4" size="5" maxlength="4" />
</form>
</body>
</html>