HTML + liens
Neliel
Messages postés
7012
Statut
Contributeur
-
avion-f16 Messages postés 20367 Statut Contributeur -
avion-f16 Messages postés 20367 Statut Contributeur -
Bonjour,
J'ai réalisé un site intranet affichant les photos d'un répertoire. Pour passer les photos, je dois cliquer sur deux liens (balises a), un pour la photo précédente et un autre pour la photo suivante.
Puis-je lié ces deux balises à des touches du clavier, de sorte que si, par exemple, j'appuie sur la touche "P" ça ait le même effet que si je cliquer sur mon lien précédent ?
J'utilise Internet Explorer 8.
Merci d'avance
J'ai réalisé un site intranet affichant les photos d'un répertoire. Pour passer les photos, je dois cliquer sur deux liens (balises a), un pour la photo précédente et un autre pour la photo suivante.
Puis-je lié ces deux balises à des touches du clavier, de sorte que si, par exemple, j'appuie sur la touche "P" ça ait le même effet que si je cliquer sur mon lien précédent ?
J'utilise Internet Explorer 8.
Merci d'avance
A voir également:
- HTML + liens
- Editeur html - Télécharger - HTML
- Vérificateur de liens - Guide
- Br html ✓ - Forum Webmastering
- Telecharger liens direct - Accueil - Outils
- Ou trouver les liens copiés sur android - Guide
4 réponses
oui avec du javascript
Regarde par la http://asquare.net/javascript/tests/KeyCode.html
Cdt,
Regarde par la http://asquare.net/javascript/tests/KeyCode.html
Cdt,
Neliel
Messages postés
7012
Statut
Contributeur
1 695
Merci, j'ai regardé ton lien mais j'ai du mal à comprendre. J'arrive à l'aise à programmer en PHP et en HTML ainsi qu'utiliser SQL mais le Javascript est mon talon d'achille en matière de programmation web
Voici un exemple de script avec les flèches gauche et droite, car je suppose que c'est ce que tu veux faire.
<script type="text/javascript">/* <![CDATA[ */
window.onload = function() {
var LEFT_ARROW = 37;
var RIGHT_ARROW = 39;
document.onkeydown = function(e) {
if(e.keyCode == LEFT_ARROW) {
precedente();
} else if(e.keyCode == RIGHT_ARROW) {
suivante();
}
}
}
/* ]]> */</script>Il faut remplace suivante() et precedente() par la fonction qui convient pour changer l'image.
