Hi all !
Alors voilà j'ai 4 liens d'un menu, et je voudrais que lorsque je clique sur le liens, il me renvoie à sa page correspondante, et qu'une fois sur la page correspondante, qu'il change de fond, et ceux jusqu'au prochain clik dans le menu.
pour l'instant j'ai crée 2 classe, l'une normal, l'une quand il y a sélection. J'ai mis des id sur chaque partie du menu, avec un onClick sur chaque liens.
voici le code HTML :
Le code Javascript correspondant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <td id="topMenu2" class="centerNav"><a href="menu1_nveh.jsp" onclick="javascript:switchMenu(2);">Menu 1</a></td> <td id="topMenu3" class="centerNav"><a href="menu3_nveh.jsp" onclick="javascript:switchMenu(3);">Menu 3</a></td> <td id="topMenu4" class="centerNav"><a href="menu4_nveh.jsp" onclick="javascript:switchMenu(4);">Menu 4</a></td> <td id="topMenu5" class="centerNav"><a href="menu5.jsp" onclick="javascript:switchMenu(5);">Menu 5</a></td>
J'ai remarqué qu'en arrivant sur la page demandé, il n'y a rien mais en cliquant sur le bouton précédent, on voit que le menu sélectionné a changé comme je veux
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 function switchMenu(id) { for (var i = 2; i<=5; i++) { if (document.getElementById('topMenu'+i)){ if(i==id){ document.getElementById('topMenu'+i).className='centerNavSelected'; alert("class = centerNavSelected"); } else{ document.getElementById('topMenu'+i).className='centerNav'; alert("class = centerNav"); } } }
Une solution ?
Merci pour vos réponses !
Partager