Foros del Web » Programando para Internet » Javascript »

ejecutar función al pulsar una tecla

Estas en el tema de ejecutar función al pulsar una tecla en el foro de Javascript en Foros del Web. Hola! Tengo una galería de fotos y quería que para fuese más cómodo pasar de una foto a otra haciendo que el usuario pudiese pulsar ...
  #1 (permalink)  
Antiguo 29/10/2011, 11:55
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
ejecutar función al pulsar una tecla

Hola!
Tengo una galería de fotos y quería que para fuese más cómodo pasar de una foto a otra haciendo que el usuario pudiese pulsar los cursores del teclado.

No tengo mucha idea de javascript (estoy en mis inicios) y he intentado hacer este código pero no me funciona. ¿alguién me puede decir en que fallo?

Gracias de antemano :)

Código Javascript:
Ver original
  1. <script language="javascript">
  2. function PulsarTecla()
  3. {
  4.     tecla = event.keyCode;
  5.  
  6.     if(tecla==37)
  7.     {
  8.         //foto anterior
  9.         window.location=<? echo "'/index.php?pag=fotos&im=".$ant."&alb=".$alb."&enq=true#ima'"; ?>;
  10.     }
  11.    
  12.     if(tecla==39)
  13.     {
  14.         //foto siguiente
  15.         window.location=<? echo "'/index.php?pag=fotos&im=".$sig."&alb=".$alb."&enq=true#ima'"; ?>;
  16.     }
  17. }
  18.  
  19. window.onkeydown=PulsarTecla();
  20. </script>
  #2 (permalink)  
Antiguo 29/10/2011, 12:00
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 9 meses
Puntos: 26
Respuesta: ejecutar función al pulsar una tecla

Si pruebas algo así

Código HTML:
Ver original
  1. <script language="javascript">
  2. function PulsarTecla(event)
  3. {
  4.     tecla = event.keyCode;
  5.  
  6.     if(tecla==37)
  7.     {
  8.         //foto anterior
  9.        alert("37")
  10.     }
  11.    
  12.     if(tecla==39)
  13.     {
  14.         //foto siguiente
  15.        alert("39")
  16.     }
  17. }
  18.  
  19. window.onkeydown=PulsarTecla;
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #3 (permalink)  
Antiguo 29/10/2011, 12:29
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: ejecutar función al pulsar una tecla

si, funciona. gracias!
  #4 (permalink)  
Antiguo 29/10/2011, 12:42
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 6 meses
Puntos: 1012
Respuesta: ejecutar función al pulsar una tecla

hay que hacerle un pequeño hack a ese código para que se cross browser
  #5 (permalink)  
Antiguo 29/10/2011, 14:50
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 9 meses
Puntos: 26
Respuesta: ejecutar función al pulsar una tecla

creo que agregando esto se soluciona para todos los navegadores
Código Javascript:
Ver original
  1. var e = e || event;

algo así

Código HTML:
Ver original
  1. <script language="javascript">
  2. function PulsarTecla(e)
  3. {  
  4.     var e = e || event;
  5.     var tecla =  e.keyCode ;
  6.    
  7.     if(tecla==37)
  8.     {
  9.         //foto anterior
  10.        alert("37")
  11.     }
  12.    
  13.     if(tecla==39)
  14.     {
  15.         //foto siguiente
  16.        alert("39")
  17.     }
  18. }
  19.  
  20.  document.onkeydown = PulsarTecla
  21.  
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628

Etiquetas: efecto, enlace, funcion, php, pulsar, tecla
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 23:11.