Discussion :

[riderfun]

Bonjour, voilà ma question est simple mais je ne vois pas comment faire...
Je voudrais que lorsque on clique dans le menu, que le choix soit surligné... et marquer également le chemin suivi du lien comme sur ce site :

Code :

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

Forum des professionnels en informatique > Java  > Développement Web en Java  > Servlets/JSP

Merci pour votre aide.

[fauthie]

Salut,

rien à voir avec le JSP, tu as plusieurs solutions possibles :
Soit tu as un fichier css, soit tu rajoutes dans ta balise

Code :

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

<a href="#" onmouseover="this.style.textDecoration = 'underline';" onmouseout="this.style.textDecoration = 'none';"/>

Fred

[riderfun]

Je crois que je me suis mal exprimé, ça je sais le faire.

Mon problème est que par exemple j'ai mon menu :

Code :

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

1
2
- Home
- Ici

Et si je cliques que "Ici" ça donne :

Code :

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

1
2
- Home
- Ici

Mais que cela reste et non plus en mouseover... comme la plupart des sites en fait.

Je penses que cela a un rapport avec les Sessions...
Merci.

[Rams7s]

Euh bof.
Si c'est comme sur tous les sites, c'est probablement que c'est pas dans le jsp ni relié au langage.

Ce qu'on trouve dans tous les sites en revanche, c'est du xHTML/CSS

Une manière de faire, c'est d'ajouter sur la liste une classe qui va correspondre à une mise en forme particulière.
En prenant l'exemple de 2 pages web: page1 et page2 avec un menu:
page1:

Code :

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

1
2
3
4
5
 
ul
   li  class="active"
   li
/ul

page2

Code :

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

1
2
3
4
5
 
ul
   li
   li class="active"
/ul

CSS:

Code :

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

1
2
3
4
 
ul li.active{
font-size: 1.2em;
}

Pour mettre la classe, il y a encore plusieurs méthodes, soit codé directement si la page web est différente, soit avec des scripts type js.

Le meilleur moyen de progresser, c'est encore de faire des tutoriaux de base, genre mon premier site web, ou mon premier CSS. On a l'impression de perdre une grosse après-midi, mais au final pas du tout. Ne serait-ce que parce que ça donne un endroit où chercher quand on tombe sur un problème qu'on a déjà vu quelque part [avec la solution]. Et ça donne des bonnes pratiques, enfin des pratiques tout court parce que réinventer l'eau tiède à chaque fois ça prends du temps.
Et c'est tellement plus agréable de savoir ce qu'on écrit, comprendre un peu les dessous de la chose.

[riderfun]

Le problème en fait, c'est que le menu est rempli de façon dynamique depuis des donées xml... donc je ne peux pas prévoir selon la page mais uniquement à partir d'une donnée...

[Rams7s]

Si vous utilisez une jsp, peut-être avez-vous cette donnée avant de renvoyer la page web?

Dans ce cas il suffirait de rajouter un if dans la jsp, en gardant le CSS pour la mise en page.

Code :

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

1
2
3
4
5
 
ul
  li <%if ma_condition then "class='active'"%>
  li <%if ma_condition_2 then "class='active'"%>
/ul

C'est une proposition

[riderfun]

Oui j'avais pensé à cela mais il faut que ma servlet renvoi à chaque fois la donnée choisie... Je pensais faire plus simple mais je vais essayer comme ça..

Merci.