Discussion :

[YanK]

Bonjour,

J'ai un arbre de ce genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Séb.]

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.

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[YanK]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

var MonLien=null;

Ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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