Tecla Enter

gylle05 · #1 (**permalink**) 08/02/2011, 16:14

Buenas trades amigas del foro.....hoy mi duda es con la tecla enter.....lo ke kiero hacer es ke al dar enter en mi página web no haga un submit...pero si kiero ke la tecla enter vaya de input en input como un tab por eso no debo deshabilitar la tecla...cualquier sugerencia se los agradecere...

CWeeD · #2 (**permalink**) 09/02/2011, 16:05

Aca te dejo un ejemplo...para que lo estudies y lo apliques a tu necesidad

Código:

<html>
<head>
<title>simular un tab con enter en javascript</title>
<script type="text/javascript">

function fn(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>
</head>
<body>
<FORM name=fx>
<TABLE border=0 cellPadding=1 cellSpacing=1 width="75%">
  <TR>
    <TD><b>Campo 1:</b></TD>
    <TD><INPUT id=text1 name=text1 onkeyup=fn(this.form,this)></TD>
  </TR>
  <TR>
    <TD><b>Campo 2:</b></TD>
    <TD><INPUT id=text2 name=text2 onkeyup=fn(this.form,this)></TD>
  </TR>
  <TR>
    <TD><b>Campo 3:</b></TD>
    <TD><INPUT id=text3 name=text3 onkeyup=fn(this.form,this)></TD>
  </TR>
  <TR>
    <TD><b>Campo 4:</b></TD>
    <TD><INPUT disabled id=text4 name=text4 onkeyup=fn(this.form,this) value=Disabled></TD>
  </TR>
  <TR>
    <TD><b>Campo 5:</b></TD>
    <TD><INPUT id=text5 name=text5 onkeyup=fn(this.form,this)><SELECT disabled id=select1 
      name=select2 onkeyup=fn(this)> <OPTION selected>disabled</OPTION> 
        <OPTION>nitin</OPTION></SELECT></TD>
  </TR>
  <TR>
    <TD><b>Campo 6:</b></TD>
    <TD><INPUT id=text6 name=text6 onkeyup=fn(this.form,this)></TD>
  </TR>
  <TR>
    <TD><b>Campo 7:</b></TD>
    <TD><SELECT id=select12 name=select1 onkeyup=fn(this.form,this)> <OPTION 
        selected>value1</OPTION> <OPTION>Value2</OPTION></SELECT></TD>
  </TR>
  <TR>
    <TD><b>Campo 8:</b></TD>
    <TD><INPUT id=checkbox1 name=checkbox1 onkeyup=fn(this.form,this) type=checkbox><INPUT disabled id=che2ckbox1 name=checkbox2 onkeyup=fn(this.form,this) type=checkbox>
	</TD>
  </TR>
  <TR>
	<TD colspan=2 align="center">
		<INPUT name=boton onclick="alert('Fin del formulario');" type=button value="  Fin  ">
    </TD>
  </TR>
 </TABLE>
  </FORM>
</body>
</html>

IsaBelM · #3 (**permalink**) 09/02/2011, 16:17

un tema en el que se trató con bastante profundidad

gylle05 · #4 (**permalink**) 10/02/2011, 16:56

muchas gracias por sus respuestas ya lo pongo en marcha gracias totales!!!!