affichage/masquage en utilisant id

salut tout le monde,
voilà j'ai un p'tit script qui m'affiche ou me masque une ligne d'un tableau (<tr>)

J'ai attribué un id à chaque ligne susceptible d'etre affichée/masquée et ca fonctionne super bien! (ex: <tr id="menu1">)

Mon id s'incrémente de 1 à chaque ligne pour que je puisse avoir le controle...

Par contre, je voulais faire une fonction pour tout afficher et tout masquer...
Le soucis, c'est que je voulais lui dire de masquer tout les id commencant pas "menu", mais je sais pas si y'a moyen...

Autrement, je suis obligé de lui mettre ca dans une boucle pour tout mes "menuX" ?

Avez-vous une idée?
Voilà le script qui affiche/masque:

Code:

---

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

function clicMenu(num) {   var m = document.getElementById("menu"+num);   if(m.style.display == "none") {   m.style.display = "block";   }   else {   m.style.display = "none";   }   }

---

Comment faire pour tout afficher/masquer?


Un grand merci pour vos contributions :P

oui une boucle et tu fasi un substr sur l'id pour savoir si le dernier caractère est egal à num et tu fais display none ou bloc ...

Je crois que c'est bon en faisant ainsi (les identificateurs commencenet ici par 1):

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

function clicMenu(num) {   var i = 1; while ( i <= num) { var m = document.getElementById("menu"+i);   if(m.style.display == "none") {   m.style.display = "block";   }   else {   m.style.display = "none";   } i++; } }

---

comme ça l'entrée de la fonction 'clicMenu' sera le nombre de lignes à cacher qui peut être récupérable lors de la création du tableau grâce à une autre variable incrémentable.


merci.