Bonjour à tous,
J'ai d'un côté une liste de liens placés en onglets grâce à une feuille de style comme ceci : http://www.xhtml.net/xhtmlcss/csstabs
Je voudrais pouvoir changer d'onglet, donc appliquer un style de ma feuille CSS à un autre <li>
Donc pour çà, je change le className de mon objet comme ceci :
Donc le className se change bien mais le style ne s'applique pas automatiquement.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 function change_class(elem) { if (elem.className == "") { elem.className = "active"; } else { elem.className = ""; } alert(elem.className); }
Donc comment faire pour réappliquer les styles sans faire un reload ?
Bien sûr la contrainte, c'est que je ne peux utiliser que du html et du javascript...
Voici l'HTML de ma liste :
Merci d'avance
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <ul id="tabnav"> <li class="active"><a href="javascript:change_class(this);" id="test0">test0</a></li> <li><a href="javascript:change_class(this)">test1</a></li> <li><a href="javascript:change_class(this)">test2</a></li> <li><a href="javascript:change_class(this)" id="test3">test3</a></li> <li><a href="javascript:change_class(this)">test4</a></li> </ul>
Jorus
Partager