Aller à une balise name par appui sur touche clavier
Bonjour,
un truc sûrement tout bête à faire, mais qui me bloque depuis plusieurs jours.
Voila, j'ai monté une page web (locale) où j'y décris des exercices sportifs à enchaîner, avec photos et explications.
Je désirerais, en appuyant sur la touche espace, par exemple, avancer d'une photo à la fois et qu'elle soit positionnée en haut de la page et m'éviter d'avoir des photos à cheval affichées à l'écran.
Ex., Exo 1 en haut sur le load, ok. Mais la 2 est à moitié coupée.
Appui sur space positionnerait Exo 2 en haut ...
Chaque exo est dans un <tr><td>
Code:
1 2 3 4 5 6
|
<a name=1></a>
<tr><td>
<H3>Mollets</H3>
<img src="Images/Etirements/Mollets.jpg" align="left">
...... |
Puis j'ai défini:
Code:
1 2
|
<body style="background: black;" onkeypress="Suite();"> |
Mais je n'arrive pas à faire fonctionner le script qui me permettrait d'aller au name 2, 3....
Le script est le suivant :
Code:
1 2 3 4 5 6 7 8 9 10 11
|
<SCRIPT language=JavaScript>
var Exo=0;
function Suite() {
Exo++;
fichier = "Etirements_bis.html#" + Exo;
window.open(fichier,"Etirements_bis");
return(true);
}
</SCRIPT>
</head> |
De plus, cela n'a pas l'air très "propre" de faire windows.open, n'existe-t-il pas une façon de fairee un "goto" le name suivant ?
Est-ce si compliqué, ou suis-je vraiment nul ?
Merci de votre aide qui m'éviterait de me relever entre 2 exos pour avancer l'affichage, le clavier pouvant être posé par terre, à côté.