Discussion :

[guigui69]

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 :

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

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 :

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
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

[Bovino]

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 :

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

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

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

[guigui69]

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

[SpaceFrog]

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

Code :

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

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 :

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

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

[Auteur]

Code :

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

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

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

[hornetbzz]

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

Pour les faire disparaitre, au lieu de :

Code :

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

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 :

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

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