Changer plusieur style avec des IDs différents?

Bonjour,

J'ai un arbre de ce genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<ul class="monArbre"> <li id="litoto"><a id="atoto">toto</a> <ul> <li id="litata1"><a id="atata1">tata1</a> <ul> <li id="lititi1"><a id="atiti1">titi1</a></li> <li id="lititi2"><a id="atiti2">titi2</a></li> </ul> </li> <li id="litata2"><a id="atata2">tata2</a></li> </ul> </li> <li id="litoto1"><a id="atoto1">toto1</a></li> <li id="litoto2"><a id="atoto2">toto2</a></li> <li id="litoto3"><a id="atoto3">toto3</a></li> </ul>

---

J'aimerais surligner un seul des items quand je clique dessus par exemple.
Donc j'ai fais une fonction du genre :

Code:

---

1 2 3 4

function selectItem (ident) { MonLien = document.getElementById('a'+ident); MonLien.style.color='blue'; }

---

Mais si j'en ai déjà un de sélectionner j'aimerais le désélectionner.
J'aimerais savoir si il est possible avec javascript de lui dire simplement de mettre style.color='black' pour tous les id commençant par la lettre ‘a’?

Merci d’avance ;)

Citation:

---

Envoyé par YanK

Mais si j'en ai déjà un de sélectionner j'aimerais le désélectionner

---

Tu peux conserver la <a> précédent dans une variable globale que tu mettras à jour dans selectItem( ) qd l'utilisateur clique sur un autre lien.

Citation:

---

J'aimerais savoir si il est possible avec javascript de lui dire simplement de mettre style.color='black' pour tous les id commençant par la lettre ‘a’?

---

Récupérer tous les <a> de ton arbre :

Code:

---

var as = document.getElementById("monArbre").getElementsByTagName("a") ;

---

=> Il ne te reste qu'à parcourir le tableau as et d'agir en conséquence de as[i].id.charAt(0) ;)
Mais il serait peut-être plus simple de passer par la variable globale.

Merci nickel avec une variable globale. Je ne pensais pas qu'on pouvait utiliser des variables globales en javascript et j'avais un peu peur du fonctionnement de variables globales avec javascript.
Donc ça marche nickel et je donne le code pour ceux que ça intéresse ;)

Déclaration globale :

Code:

---

var MonLien=null;

---

Ma fonction :

Code:

---

1 2 3 4 5 6 7 8

function selectRep (ident) { if (MonLien) { MonLien.style.color='black'; } if (MonLien = framDir.document.getElementById('a'+ident)) { MonLien.style.color='blue'; } }

---

Merci ;)