Version imprimable
Salut, j'utilise un tableau dans lequel je veux afficher soit une serie de cellules, soit une autre. pour cela j'utilise la propriété display et visibility. Mon code marche quand j'enlève les lignes <table> et </table>, mais si je les mets mes <div> ne sont plus pris en compte.
L'option div ne marche pas avec lese tableau?
on reformule la question pour plus de clarté svp ...
ricco
je reformule ::D
j'ai un code de la forme:
et je voudrais pouvoir afficher soit le premier tr soit le deuxieme. L'affichage se gère via l'option visibility et via l'option display, toute deux associées à css, donc avec l'utilisation de <div>Code:
2
3
4
5
6
7<table> <tr> </tr> <tr> </tr> </table>
Un code simple du style:
s'affiche correctement, donc ma fonction javascript est correcte, au moins sur le principe, mais quand je l'applique à mon tableau ca ne marche plus.Code:
2
3
4
5
6
7
D'après le résultat, il me semble que div ne s'applique sur le tableau. Est-ce une erreur dans ma fonction javascript, ou une contrainte de html?Code:
2
3
4
5
6
7
8
9
10
11<table> <div id="tout"> <tr> </tr> </div> <div id="rien"> <tr> </tr> </div> </table>
Salut,
est-ce que tu utilises 'getElementById' ?
car tu peux utiliser cette syntaxe :
document.getElementById('maDiv).style.display=document.getElementById('maDiv').style.display=='inline' ? 'none' : 'inline';
ricco
oui c'est ce que j'utilise. sur un code simple ca marche, mais si je veux l'inclure à mon tableau ca ne marche pas :cry: .
La dans le doute je viens d'essayer de considerer chaque bloc div comme un tableau. Ca 'marchouille', mais j'ai des bugs d'affichage et pour l'instant je sais pas comment les regler :aie: . Je continue a chercher
dans le doute je poste mon code actuel complet:
Le problème de ce code, c'est que le resultat ne cache que un des 3 éléments que je veux cacher. Je pourrais forcer les autres éléments à se cacher en mettant un nom différent, mais comme je vais avoir des éléments qui vont apparaitre de manière dynamique ultèrieurement, ca ne marcherait pas à la fin. il faut donc que je trouve une autre solution...Code:
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
hooooo ce code :marteau: qu'il est vilain !Code:
2
3
4
5
6
7
8
9
10
11<table> <div id="tout"> <tr> </tr> </div> <div id="rien"> <tr> </tr> </div> </table>
Pour afficher / masquer des cellules ou des lignes :
[/code]Code:
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
mets le id sur les tr ou td directement ...
il ne faut pas imbriquer des div dans une structutre de table ...
hum, auteur la solution que tu donnes ressemble à la mienne, sauf que tu mets l'id dans le tag table et non div. non?:lol:
Cela dit mettre l'id dans les tr comme le dit spacefrog est une bonne idée.
Je vais tester ca tout de suite.
Dans le premier code que tu as posté tu as encadré tes tr par des div...
Je te propose donc d'utiliser les fonctions suivantes pour masquer ou afficher une ligne. J'utilise le tableau rows[] de l'objet table.
je sélectionne id de la table puis un numéro de ligne. Spacefrog te propose de sélectionner directement l'id de la ligne (tr).Code:
2
3
4
5
6
7
8
9
10
11
ah d'accord autant pour moi. Bon je regarde tout ca.
Bon ca yest j'ai réussi. J'ai bien galéré, mais mainteant c'est fini :mouarf: .
Merci à tout les 2 pour votre aide.