Flèche clavier = lien ... possible ?

Eléphanteau du PHP | 42 Messages

06 juil. 2015, 14:35

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

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

06 juil. 2015, 15:25

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
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 42 Messages

07 juil. 2015, 16:07

Merci.
Jquery c'est super loin pour moi (temporellement).
Faut l'installer sur le serveur ?
Je suis en mutualisé :(

Mammouth du PHP | 688 Messages

07 juil. 2015, 16:15

non, une ligne dans le header de la page html et tu peux l'utiliser.

Eléphanteau du PHP | 42 Messages

07 juil. 2015, 19:41

ok je vais fouiller.
Merci !

Eléphanteau du PHP | 42 Messages

09 juil. 2015, 14:31

Ca me répond
"Touche pressée : 0"
Que ce soit pour flèche gauche ou flèche droite :(

Une idée de solution ?

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

09 juil. 2015, 14:48

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>
Quand tout le reste a échoué, lisez le mode d'emploi...