cacher des lignes d'un tableau html

Bonjour à tous,

je voudrais savoir quel méthode je doit utiliser pour cacher une ligne de mon tableau (tr)

j'ai attribué un id au tr (exemple: nom_scritere_$nb)

je voudrait savoir en javascript il possible de faire de changer le style:display dans tout les ID nom_scritere_XX (correspond a un nombre que ne connait pas).

Code:

Code:

---

1 2 3 4 5 6 7

function check_selection(id_qt_audit) { test= id_qt_audit; alert('test='+test); document.getElementById(test+'['?????']').style.display == ''; }

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

<table id="recap_audit"> <tbody> <tr> <td align="center" width="500">question</td> <td align="center" width="20">S</td> <td align="center" width="20">A A</td> <td align="center" width="20">N S</td> <td>commentaire</td> </tr> <tr> <td bgcolor="red" colspan="5">ETAPES DU TRAVAIL</td> </tr> <tr> <td bgcolor="grey" colspan="5"> </td> </tr> <tr id="Achats[1]" style="display: none;"> </tr> <tr id="Achats[2]" style="display: none;"> </tr> <tr id="Achats[3]" style="display: none;"> </tr> <tr id="Achats[4]" style="display: none;"> </tr> <tr> </tr> <tr id="Gestion de la salle[5]" style="display: none;"> </tr> <tr id="Gestion de la salle[6]" style="display: none;"> </tr> <tr id="Gestion de la salle[7]" style="display: none;"> </tr> <tr id="Gestion de la salle[8]" style="display: none;"> </tr> <tr id="Gestion de la salle[9]" style="display: none;"> </tr> <tr id="Gestion de la salle[10]" style="display: none;"> </tr> <tr id="Gestion de la salle[11]" style="display: none;"> </tr> <tr id="Gestion de la salle[12]" style="display: none;"> </tr> <tr id="Gestion de la salle[13]" style="display: none;"> </tr> <tr id="Gestion de la salle[14]" style="display: none;"> </tr> <tr id="Gestion de la salle[15]" style="display: none;"> </tr> <tr id="Gestion de la salle[16]" style="display: none;"> </tr> <tr id="Gestion de la salle[17]" style="display: none;"> </tr> <tr id="Gestion de la salle[18]" style="display: none;">

---

Ou bien exits-il une autre technique pour cacher les lignes d'un tableau?
Merci d'avance

guigui69

:koi:

Citation:

---

correspond a un nombre que ne connait pas

---

si tu connais pas le nombre, tu connais pas l'id ! Du coup, comment tu sais quelle ligne tu veux cacher ???
A part ça, petite chose :

Code:

---

<td bgcolor="grey" colspan="5">

---

Attention, IE ne reconnait pas la couleur 'grey', il vaut mieux passer par 'gray'.

Ok,

Car les tr que je veut cacher commence tous par un nom que j'ai attribué après c'est un nombre qui s'incremente tout seul. S'etait pour savoir si il y avait un moyen en javascript de dire je veut qu'il montre tout les tr avec un ID = ToTo[#].

Quel est la meilleur méthode pour arriver a cacher/monter des tr d'un tableau?

Merci

guigui69

voici comment récupérer les lignes concernées ...

Code:

---

1 2 3 4 5 6 7

var TabLines=document.getElementById("idtableau").getElementsByTagName('tr'); var hideLines=new Array(); var i=0 while (TabLines[i]){ if(TabLines[i].id.indexOf('Toto'))==0){ hideLines.push(TabLines[i]);} i++; }

---

Pour les faire disparaitre, il suffit dans la boucle de modifier le style ...

Code:

---

if(TabLines[i].id.indexOf('Toto'))==0){ hideLines.style.display="none";}

---

Code:

---

1 2	<tr id="Gestion de la salle[5]" style="display: none;">

---

attention pas d'espace dans les id des éléments !!

Il me semble qu'il y a une petite erreur :

Pour les faire disparaitre, au lieu de :

Code:

---

if(TabLines[i].id.indexOf('Toto'))==0){ hideLines.style.display="none";}

---

il vaudrait mieux faire, si l'on reste dans la même boucle "while":

Code:

---

if(TabLines[i].id.indexOf('Toto'))==0){ TabLines[i].style.display="none";}

---