Onglet dynamique qui change de couleur

[tryan]

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

[NoSmoking]

Bonsoir,
passes à la fonction affiche l'objet cliqué comme suis

Code :

<li><a onclick="affiche(1, this)"; class="tab active">1</a></li>

et utilises le this pour faire ce que tu as à faire.