Discussion :

[mspav]

Bonjour à tous, au secours !
Nouveau en JavaScript, je tente de réaliser l'appel de liens par les touches fléchées du clavier. J'ai écrit le script suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
   document.addEventListener('keydown', function(e) {
        if (e.keyCode == 39) {
            e.preventDefault();
            e.stopPropagation();
            window.location.href = 'A20.html';
        } else if (e.keycode == 37) {
            e.preventDefault();
            e.stopPropagation();
            window.location.href = 'A40.html';
        }
    });

La touche 39 (flèche droite) fonctionne à merveille.
Mais hélas la touche 37 (flèche gauche) ne fonctionne pas. J'ai beau tourner le problème dans tous les sens pendant des heures, je ne trouve pas. Quelqu'un peut-il m'aider en m'indiquant pourquoi le else if ne fonctionne pas dans ce script ?
Grand merci par avance,
Pierre

[javatwister]

Tu mettrais une majuscule à keyCode, le problème disparaîtrait...

[mspav]

Merci javatwister, ça fonctionne !
J'ai un peu avancé, et remplacé le "if… else if…else" par switch() qui me paraît plus élégant, ça donne ceci, que je vous livre à toutes fins utiles :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
			document.addEventListener('keydown', function (e){
			var kc = (e.keyCode), prec='A40.html', next='A20.html', main='../photos.html';
			switch(kc) {
				case 37:
					e.preventDefault();
					e.stopPropagation();
					window.location.href=prec;
					break;
				case 39:
					e.preventDefault();
					e.stopPropagation();
					window.location.href=next;
					break;			
				case 38:
					e.preventDefault();
					e.stopPropagation();
					window.location.href=main;
					break;
				}
			});

ça fonctionne. Merci à tous !
mspav

[javatwister]

Et si tu veux te passer de variables multiples, tu peux aussi faire ça:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
document.addEventListener('keydown', function (e){
	const sw={"A40.html":37,"A20.html":39,"../photos.html":38};
	for(ind in sw){
		if(e.keyCode==sw[ind]){
			window.location.href=ind;
			e.preventDefault()
		}
	}
})

[mspav]

La classe !!! Mais j’ai l’idée de mettre un jour ce code dans un fichier js séparé, et de l’appeler par la commande :
<script src=“monfichier.js”></script>.
et alors là j’aurai besoin des trois variables qui seront différentes à chaque page !
Pour l’instant, je suis super novice et je ne sais pas encore comment regrouper l’appel du fichier js et la déclaration des valeurs des variables. C’est idiot, je sais... mais je n’ai pas encore trouvé la bonne syntaxe.
J’ai tenté
<script src=“monfichier.js”>var kc = (e.keyCode), prec='A30.html', next= 'A10.html', main='../photos.html'; </script>.
Mais sans succès...
Merci en tout cas pour tes réponses très inspirantes !