Page 1 sur 1
Flèche clavier = lien ... possible ?
Posté : 06 juil. 2015, 14:35
par westernz
Bonjour,
Je me suis fait un petit lecteur photo.
J'aimerai qu'il soit passible de passer d'une photo à l'autre via les flèches du clavier.
Sachant que je dois recharger la page à chaque changement.
Actuellement je clic un bouton qui lance un lien avec une variable en url pour définir la photo suivante ou précédent.
Bonne journée
Re: Flèche clavier = lien ... possible ?
Posté : 06 juil. 2015, 15:25
par @rthur
Bonjour,
Si tu utilises jQuery, voici le bout de code qu'il te faut :
<script>
$(document).keypress(function(event) {
alert('Touche pressée : ' + event.charCode);
});
</script>
Ça va te permettre de récupérer le code des touches (37 et 39 normalement pour les touches flèche gauche et flèche droite), et ensuite tu as juste à modifier le code ci-dessus pour remplacer l'alert() par un if charCode=flèche gauche, alors faire ceci
Re: Flèche clavier = lien ... possible ?
Posté : 07 juil. 2015, 16:07
par westernz
Merci.
Jquery c'est super loin pour moi (temporellement).
Faut l'installer sur le serveur ?
Je suis en mutualisé

Re: Flèche clavier = lien ... possible ?
Posté : 07 juil. 2015, 16:15
par tof73
non, une ligne dans le header de la page html et tu peux l'utiliser.
Re: Flèche clavier = lien ... possible ?
Posté : 07 juil. 2015, 19:41
par westernz
ok je vais fouiller.
Merci !
Re: Flèche clavier = lien ... possible ?
Posté : 09 juil. 2015, 14:31
par westernz
Ca me répond
"Touche pressée : 0"
Que ce soit pour flèche gauche ou flèche droite
Une idée de solution ?
Re: Flèche clavier = lien ... possible ?
Posté : 09 juil. 2015, 14:48
par @rthur
Au temps pour moi, il ne faut pas regarder charCode (qui ne renvoie que les caractères alphanumériques) mais keyCode (qui fonctionne avec toutes les touches du clavier)
<script>
$(document).keypress(function(event) {
alert('Touche pressée : ' + event.keyCode);
});
</script>