Discussion :

[Jorus]

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 :

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 le className se change bien mais le style ne s'applique pas automatiquement.
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 :

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>

Merci d'avance
Jorus

[Jorus]

Résolu

Il faut mettre l'appel du script sur la balise <li> et non sur la balise <a>.
Sinon 'this' ne pointe pas au bon endroit...

Il a fait la boulette !

@+
Jorus