Buscar en
Google
Partners & Asociados
 Formosa Sistemas - www.formosasistemas.com.ar
 Digital Solutions Paraguay - www.digisol.com.py
Mi Blog Personal

Simular Enter por Tab en formularios webs
Categoría: Trucos y Tips de Programación
Fecha: 04-08-2007

En esta entrada, comparto una porción de codigo util para quienes programan interfaces y comportamientos en formularios webs.

La idea es simular el evento TAB cuando el usuario presiona la tecla ENTER, por defecto el formulario es enviado, mejor dicho, es llamado el evento submit() del mismo, que muchas veces es NO deseado cuando tenemos formularios con muchos campos TEXT. Es preferible disponer al usuario de un metodo apropiado cuando este esta realizando los DataEntry, para que la aplicacion web sea lo más funcional para éste.

El codigo es 

function checkKey(oEvent){
 var oEvent = (oEvent)? oEvent : event;
 var oTarget =(oEvent.target)? oEvent.target : oEvent.srcElement;
 oType = oTarget.type;
 if ( (oType == "text" || oType == "password" || oType == "radio" || oType == "checkbox" || oType == "select") && oEvent.keyCode==13 ) {
  oEvent.keyCode = 9;
 }
}
document.onkeydown = checkKey;
if (document.all){
    document.onkeydown = checkKey; // IE
}else{
    document.addEventListener('keydown', checkKey, false); // Mozilla
}

Lo malo de este codigo es que solamente funciona con Internet Explorer, mientras que para FireFox o navegadores alternativos, no funciona, y si alguien sabe como hacerlo, será bien valorada.

Lo puedes ver funcionamiento dentro del Formulario de Contacto de este website.

Escribe aquí tu comentario

Tu Nombre
(*)

Tu Email
(*)

Tu Comentario
(*)

Mostrar Comentarios (1 )

28.01.2008 - pet (pksdk@hotmail.com) Escribió:
hola compas
Otras Entradas del Blog
Diez pautas para montar su negocio en la Web
Fecha: 05-08-2009
Categoría: Tecnología e Internet
Las 20 respuestas que más utilizan los programadores
Fecha: 23-07-2009
Categoría: Humor
Consejos para programar mejor en PHP
Fecha: 05-07-2009
Categoría: Programación y Desarrollo
Crea tu propio logo php personalizado
Fecha: 27-04-2009
Categoría: Programación y Desarrollo
Dormilaptop es un Invento Argentino
Fecha: 24-04-2009
Categoría: Cosas de la Vida
Mensaje a los Argentinos, por el Negro Gonzalez Oro
Fecha: 28-03-2009
Categoría: Cosas de la Vida
Matrix Run on Windows + Yapa
Fecha: 27-03-2009
Categoría: Humor
Aprovechar el papel tapiz del escritorio como Regla para medir ventanas
Fecha: 23-02-2009
Categoría: Trucos y Tips de Programación
Informe Buscadores: Como indexa Google?
Fecha: 19-02-2009
Categoría: Tecnología e Internet
10 profecías tecnológicas que jamás se cumplieron
Fecha: 12-12-2008
Categoría: Tecnología e Internet
¿Que es a Politica?
Fecha: 07-11-2008
Categoría: Humor
Frases de Informática, mas bien sobre Programación
Fecha: 22-10-2008
Categoría: Humor
Usar internet mantiene el cerebro "en forma"
Fecha: 15-10-2008
Categoría: Cosas de la Vida
PowerPoint: 10 cosas que debe y no debe hacer
Fecha: 01-10-2008
Categoría: Trucos y Tips de Programación
Día del Programador
Fecha: 12-09-2008
Categoría: Programación y Desarrollo
my Google Chrome
Fecha: 09-09-2008
Categoría: Tecnología e Internet
Definición de “Programador” según la frikipedia
Fecha: 21-08-2008
Categoría: Humor
La aventura de crear un videojuego
Fecha: 03-08-2008
Categoría: Tecnología e Internet
Los Palmeras: Para que la votaste?!?!?!?!?!
Fecha: 28-07-2008
Categoría: Humor
Atributos de un software web de Calidad
Fecha: 16-07-2008
Categoría: Tecnología e Internet
Usuarios 2.0
Fecha: 06-03-2008
Categoría: Tecnología e Internet
Siete consejos para programar PHP de forma segura
Fecha: 26-02-2008
Categoría: Programación y Desarrollo
Con la web 2.0 aparecen los troyanos 2.0
Fecha: 13-12-2007
Categoría: Tecnología e Internet
Comprale una casita a tu perrito
Fecha: 28-11-2007
Categoría: Humor
Blog unijimpe
Fecha: 28-11-2007
Categoría: Programación y Desarrollo
PHP Youtube Video Downloader
Fecha: 27-11-2007
Categoría: Programación y Desarrollo
¿Que tiene que ver la Psicología Cognitiva con el diseño?
Fecha: 27-11-2007
Categoría: Tecnología e Internet
Día del Desarrollador
Fecha: 13-09-2007
Categoría: Cosas de la Vida
Generar consultas SQL complejas para DreamWeaver
Fecha: 07-09-2007
Categoría: DreamWeavering...
Conferencias sobre el Trabajo en la Actualidad - Formosa 5 de septiembre
Fecha: 06-09-2007
Categoría: Cosas de la Vida
Diseño Web - Tips Estratégicos
Fecha: 21-08-2007
Categoría: Tecnología e Internet
Web 2.0, AJAX y algunos conceptos básicos
Fecha: 09-08-2007
Categoría: Tecnología e Internet
AJAX: Un Nuevo acercamiento a las Aplicaciones Web
Fecha: 05-08-2007
Categoría: Programación y Desarrollo
Me he comprado 2 Super Libros!!!
Fecha: 04-08-2007
Categoría: Tecnología e Internet
Usabilidad y Retorno de Inversión en sitios Web
Fecha: 28-07-2007
Categoría: Tecnología e Internet
Mi primer post
Fecha: 26-10-2006
Categoría: Programación y Desarrollo