Pasar a otro campo sin TAB
Joseph Martinez
04 de Noviembre del 2005
Saludos
Tengo un formulario con varios campos numericos a ingresar, por lo que se hace bastante tedioso desplazarse hasta el otro extremo del teclado para presionar TAB. Es posible saltar al siguiente campo con ENTER?
Muchas gracias
Tengo un formulario con varios campos numericos a ingresar, por lo que se hace bastante tedioso desplazarse hasta el otro extremo del teclado para presionar TAB. Es posible saltar al siguiente campo con ENTER?
Muchas gracias
M?a
04 de Noviembre del 2005
Hola, yo tengo la misma duda, alguien te dió alguna respuesta al respecto?, me puedes ayudar enviandome la respuesta si es que te sirvió?, te lo agradecería mucho. Saludos
Miguel
04 de Noviembre del 2005
Prueba lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<SCRIPT LANGUAGE=JAVASCRIPT>
function salta(form,field)
{
var next=0, found=false
var f=form
if(event.keyCode!=13) return;
for(var i=0;i<f.length;i++) {
if(field.name==f.item(i).name){
next=i+1;
found=true
break;
}
}
while(found){
if( f.item(next).disabled==false && f.item(next).type!='hidden'){
f.item(next).focus();
break;
}
else{
if(next<f.length-1)
next=next+1;
else
break;
}
}
}
</SCRIPT>
<FORM NAME=MIF ACTION=PAG2.ASP METHOD=POST>
cAMPO 1: <INPUT TYPE=TEXT NAME=N1 onkeyup='salta(this.form,this)'><BR>
cAMPO 2: <INPUT TYPE=TEXT NAME=N2 onkeyup='salta(this.form,this)'><BR>
cAMPO 3: <INPUT TYPE=TEXT NAME=N3 onkeyup='salta(this.form,this)'><BR>
<INPUT TYPE=BUTTON name="BOTON" value="ENVIAR" onClick="javascript:MIF.submit()">
</FORM>
</body>
</html>
ATENCIÓN: No pongas un input type submit, ya que al pulsar Intro envia el formulario, substituyelo por un input type button como en el codigo anterior.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<SCRIPT LANGUAGE=JAVASCRIPT>
function salta(form,field)
{
var next=0, found=false
var f=form
if(event.keyCode!=13) return;
for(var i=0;i<f.length;i++) {
if(field.name==f.item(i).name){
next=i+1;
found=true
break;
}
}
while(found){
if( f.item(next).disabled==false && f.item(next).type!='hidden'){
f.item(next).focus();
break;
}
else{
if(next<f.length-1)
next=next+1;
else
break;
}
}
}
</SCRIPT>
<FORM NAME=MIF ACTION=PAG2.ASP METHOD=POST>
cAMPO 1: <INPUT TYPE=TEXT NAME=N1 onkeyup='salta(this.form,this)'><BR>
cAMPO 2: <INPUT TYPE=TEXT NAME=N2 onkeyup='salta(this.form,this)'><BR>
cAMPO 3: <INPUT TYPE=TEXT NAME=N3 onkeyup='salta(this.form,this)'><BR>
<INPUT TYPE=BUTTON name="BOTON" value="ENVIAR" onClick="javascript:MIF.submit()">
</FORM>
</body>
</html>
ATENCIÓN: No pongas un input type submit, ya que al pulsar Intro envia el formulario, substituyelo por un input type button como en el codigo anterior.
Miguel
04 de Noviembre del 2005
Aunque el ejemplo funciona tal como te lo he pasado, mejor pon el Script dentro del HEAD, se me ha colado al cortar y pegar.