quelle stratégie pour changer dynamiquement un style css?
Bonjour,
j'ai un menu sous forme de liste qui se présente ainsi :
Code:
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> |
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é.
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:
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
