Bonjour,
j'ai un menu sous forme de liste qui se présente ainsi :
Le but est que quand on clique sur un des liens, la page correspondante s'affiche (ça ça va) et que le style css "selected-item" soit appliqué à la puce sur laquelle on a cliqué.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <ul class="blocklist"> <!-- MENU --> <li class="selected-item"><a href="#">Accueil</a> </li> <li><a href="#">Infos E4N</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">Contact</a></li> <li wicket:id="event"><a>Event</a></li> <!-- END MENU --> </ul>
Je débute en wicket (et en framework web en général) et je ne sais pas trop quelle stratégie utiliser :
j'ai testé la solution proposée ici qui fait le changement via wicket, mais sans succès (c-à-d que la page event apparait bien, mais que le style n'est pas appliqué).
Mon code Java correspondant :
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 package fr.statlife.protoE4N; import org.apache.wicket.PageParameters; import org.apache.wicket.behavior.SimpleAttributeModifier; import org.apache.wicket.markup.html.WebPage; import org.apache.wicket.markup.html.link.BookmarkablePageLink; import fr.statlife.protoE4N.pages.EventPage; public abstract class BasePageVisiteur extends WebPage { public BasePageVisiteur() { super(); add(new BookmarkablePageLink<Void>("event", EventPage.class)); } public BasePageVisiteur(PageParameters parameters) { super(parameters); final BookmarkablePageLink<Void> lienEvent = new BookmarkablePageLink<Void>("event", EventPage.class); lienEvent.add(new SimpleAttributeModifier("class", "selected-item")); add(lienEvent); } }
Vaut-il mieux utiliser du javascipt via wiQuery par exemple?
ou encore de tenter d'adapter la solution de joseph_p permettant de changer une image en fonction d'une checkbox?
J'ai un peu de mal à savoir de quel côté creuser... tout conseil serait le bienvenue.
Merci d'avance
Partager