Foros del Web » Creando para Internet » Diseño web »

Mostrar DIV al presionar la tecla ENTER

Estas en el tema de Mostrar DIV al presionar la tecla ENTER en el foro de Diseño web en Foros del Web. Hola colegas!! Tengo un problema y es el siguiente: Lo que quiero hacer es que, al presionar la tecla ENTER , se muestre un div... ...
  #1 (permalink)  
Antiguo 22/06/2011, 00:03
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 8 años, 9 meses
Puntos: 28
Información Mostrar DIV al presionar la tecla ENTER

Hola colegas!!

Tengo un problema y es el siguiente:

Lo que quiero hacer es que, al presionar la tecla ENTER, se muestre un div...

He buscado la forma de hacerlo pero no logro dar con la solución...

¿¿Alguien sabe como puedo hacerlo??

No se si el tema va en este subforo, si no es así estaría agradecido de que algún moderador lo mueva al subforo correspondiente!!

Está de más decir que daré karma a quien me ayude!!!

Desde ya muchisimas gracias!!!

Un abrazo grande y éxitos!!!
__________________
Adivino del Foro y Admirador de Sabios
  #2 (permalink)  
Antiguo 22/06/2011, 09:49
Avatar de GendeDios  
Fecha de Ingreso: mayo-2007
Ubicación: Paraiso de America
Mensajes: 135
Antigüedad: 9 años, 10 meses
Puntos: 10
Respuesta: Mostrar DIV al presionar la tecla ENTER

--
Código HTML:
Ver original
  1. <input onKeypress="if (event.keyCode == 13) event.returnValue = false; mostrardiv();">
  2. <div id="miDivAMostrar">Mirame</div>

Código Javascript:
Ver original
  1. function mostrardiv()
  2. {
  3.       div = document.getElementById('miDivAMostrar');
  4.       div.style.display='block';
  5. }

Código CSS:
Ver original
  1. #miDivAMostrar
  2. {
  3.  display:none;
  4. }
--

Última edición por GendeDios; 22/06/2011 a las 09:57
  #3 (permalink)  
Antiguo 23/06/2011, 02:03
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 8 años, 9 meses
Puntos: 28
Respuesta: Mostrar DIV al presionar la tecla ENTER

Hola GendeDios, muchísimas gracias por tu ayuda!!

Los códigos que me diste funcionan... PERO...

Cada vez que apreto una tecla, sea cual sea aparece el DIV...
Cuando la idea es que solo aparezca cuando se presione la tecla enter...
No sé por qué no funciona ya que todo lo que me dijiste son cosas lógicas y a simple vista el código parece funcionar bien...

¿Qué me puedes decir?? Te dejo el karma prometido!!!
__________________
Adivino del Foro y Admirador de Sabios
  #4 (permalink)  
Antiguo 23/06/2011, 09:31
Avatar de GendeDios  
Fecha de Ingreso: mayo-2007
Ubicación: Paraiso de America
Mensajes: 135
Antigüedad: 9 años, 10 meses
Puntos: 10
Respuesta: Mostrar DIV al presionar la tecla ENTER

--
Código HTML:
Ver original
  1. <input onKeypress="mostrardiv();">
  2. <div id="miDivAMostrar">Mirame</div>


Código Javascript:
Ver original
  1. function mostrardiv()
  2. {
  3.    if (event.keyCode == 13)
  4.     {
  5.       event.returnValue = false;
  6.       div = document.getElementById('miDivAMostrar');
  7.       div.style.display='block';
  8.     }
  9. }

Ahí te debe funcionar.
--
  #5 (permalink)  
Antiguo 23/06/2011, 19:56
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 8 años, 9 meses
Puntos: 28
Respuesta: Mostrar DIV al presionar la tecla ENTER

Ya lo pruebo y te comento como me fué!!
__________________
Adivino del Foro y Admirador de Sabios
  #6 (permalink)  
Antiguo 23/06/2011, 20:00
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 8 años, 9 meses
Puntos: 28
Respuesta: Mostrar DIV al presionar la tecla ENTER

Genial!! Ahora si que funciona colega!! Te Agradezco infinitamente!!!
__________________
Adivino del Foro y Admirador de Sabios

Etiquetas: division, enter, presionando
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:20.