Onglet dynamique qui change de couleur
Bonjour,
Je suis très nul en JS (ça c'est dit) et je cherche à faire en sorte que le lien cliqué (qui est un onglet) soit d'une couleur différente (class="tab active") mais je ni parviens pas.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <script type="text/javascript">
function affiche(num){
var i = 1;
var NomId = 'toto-';
var oDiv;
// masque tout
while(( oDiv = document.getElementById( NomId + (i++)))){
oDiv.style.display = 'none';
}
// affiche concerne
oDiv = document.getElementById( NomId + num);
oDiv.style.display = 'block';
}
</script> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<ul class="tabs">
<li><a onclick="affiche(1)"; class="tab active">1</a></li>
<li><a onclick="affiche(2)"; class="tab">2</a></li>
</ul>
<div id="toto-1" style="display:block;" class="contenttab">
1
</div>
<div id="toto-2" style="display:none;" class="contenttab">
2
</div> |
J'ai essayé avec : "element.parentNode.className" sans succès!
Un gros coup de pouce serait bienvenu.
Merci
