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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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é.