Discussion :

[Danyboy11]

Salut à tous,

Je suis nouveau et j'ai besoin de votre aide. Petite explicaton: J'ai un menu en jsp ainsi que d'autres pages ou y a le contenu. Dans le menu il y a le nom des pages avec dessus un lien qui pointe. Je souhaiterais que quand je clic dessus et que la page est activé que mon nom dans le menu soit d'une autre couleur afin de différancier sur quel page on est en train de visiter.

J'ai déjà un bout de code mais j'arrive pas m'en sortir. Ce code me met en grais et en noir quand je clic sur l'élément mais cela ne reste pas, comment faire pour que l'élément activé reste en gras noir ?

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
21
22
23
24
25
26
27
<div id="MenuEntete">
   Menu
</div>
 
   <script language="JavaScript">
      function color(id) {
         if (document.getElementById) {
           document.getElementById(id).style.color = 'black';
		   document.getElementById(id).style.fontWeight  = 'bold';
         } else if (document.all) {
            document.all[id].style.color = 'black';
			document.all[id].style.color  = 'bold';
         }
      }
   </script>
 
   <ul>
      <li><a href="/e-tbx/index.jsp" onClick="color('accueil')" onFocus="color('accueil')"><span id="accueil">Accueil</span></a></li>
	  <li><a href="/e-tbx/profiles/profils.jsp" onClick="color('profils')"><span id="profils">Mes Profils</span></a></li>
	  <li><a href="/e-tbx/profiles/Gerer/gerer.jsp" onClick="color('gerer')" class="liNiveau2"><span id="gerer">Gérer</span></a></li>
      <li><a href="/e-tbx/search/recherche.jsp" onClick="color('recherche')"><span id="recherche">Recherche</span></a></li>  
      <li><a href="/e-tbx/search/Simple/rechercheSimple.jsp" onClick="color('simple')" class="liNiveau2"><span id="simple">simple</span></a></li>
      <li><a href="/e-tbx/search/Avancee/rechercheAvancee.jsp" onClick="color('avancee')" class="liNiveau2"><span id="avancee">avancée</span></a></li>
      <li><a href="http://www.google.ch/" >Quitter</a></li>
   </ul>
<div id="MenuFooter">
</div>

Merci pour votre aide

[SpaceFrog]

color bold ???

[Danyboy11]

J'ai oublier de mettre fontweight à la place de color. Mais merci pour l'info et si t'arrive m'aider ça serait sympa

[Bisûnûrs]

Forcément, vu que ta page est changée lorsque tu clique sur un lien, les valeurs Javascript ne restent pas ...

Tu devrais tester en JSP sur quelle page tu te trouves et appliquer un style au texte que tu veux en gras en fonction.

[Danyboy11]

Ben merci puor ton info mais arriverais-tu a m'écrire une fonciton en java qui permette de le faire parce que je n'ai jamais écrit en java j'ai simplement du mettre a jour une css et là comme le menu est indépendant des autres pages ben j'arrive pas m'en sortir.

Merci d'avance pour ton aide précieuse

[Bisûnûrs]

Non, je n'ai jamais touché au Java et ses variables serveur.

Va plutôt poser ta question dans le forum JSP.