SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Utilizar tecla enter como tabulador en formulario

Códigos Javascript

Al pulsar la tecla Enter o Intro, el codigo irá cambiando entre los campos de texto de un formulario, imitando la tecla de tabulador Tab.
Visitas: 36,383 - 12/06/2004 21:14:07
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <SCRIPT LANGUAGE="JavaScript">
  2. nextfield = "campo1";
  3. netscape = "";
  4. ver = navigator.appVersion; len = ver.length;
  5. for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
  6.     netscape = (ver.charAt(iln+1).toUpperCase() != "C");
  7. function keyDown(DnEvents) {
  8.         k = (netscape) ? DnEvents.which : window.event.keyCode;
  9.         if (k == 13) {
  10.         if (nextfield == 'done') {
  11.             alert("Fin de ejemplo");
  12.             return false;
  13.         } else {
  14.             eval('document.form1.' + nextfield + '.focus()');
  15.             return false;
  16.         }
  17.     }
  18. }
  19. document.onkeydown = keyDown;
  20. if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
  21. </script>
  22. <form action="enter_como_tab.asp" method="post" name="form1" onSubmit="return checa(this);"> Campo 1:
  23. <input type="text" name="campo1" size="45" onFocus="nextfield ='campo2';">
  24. Campo 2:
  25. <input type="text" name="campo2" size="45" onFocus="nextfield ='campo3';">
  26. Campo 3:
  27. <input type="text" name="campo3" size="45" onFocus="nextfield ='campo4';">
  28. Campo 4:
  29. <input type="text" name="campo4" size="45" onFocus="nextfield ='done';">
  30. <input type="submit" name="envia" value="Enviar"> </form>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Utilizar tecla enter como tabulador en formulario" href="http://www.tutores.org/codigo/1122/" target="_blank">Utilizar tecla enter como tabulador en formulario</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
yair nogueron
3 5
Saludos, me parece una buena solucion, pero por que no detecta el javascript cuando uno pulsa la tecla del tabulador practicamente no hace caso de ello este es mi codigo:

<script type="text/javascript">

function fn(form,field)
{
if(event.keyCode==9)
{
alert("Damos el foco");
}
else
{
alert("no damos el foco");
}
}

</script>


Gracias!!
Comentario usuario
José León
2 5
Pues a mí si me funciono y bien sin problem.

Thanks man.

www.joseleon.com.mx
Comentario usuario
el chidorro
1 5
ahce de ser por un archivo en tu maquina te recomeindo formatearla
Comentario usuario
nfx
4 5
que un codigo no funcione no significa que debas formatear tu pc, si fuera asi, formatearia 5 veces por dia durante cada proyecto web que tuviera problemas ...


solo lo dejo en claro para los mas novatos
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.