Discussion :

[onirisme]

Bonjour,

Voici mon problème :

J'ai un tableau qui est généré par un script php. La question que je me pose est de savoir si il est possible de masquer certaines lignes de ce tableau via un div.

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<table>
<tr class="title"><td><a href="javascript: visibilite('mw_categories');"><img src="images/more.gif"></a> mw_categories</td></tr>
<div id="mw_categories" style="display:none;"><tr><td>cat_id</td></tr>
<tr><td>cat_name</td></tr>

<tr><td>cat_desc</td></tr>
<tr><td>cat_rang</td></tr>
<tr><td>cat_link</td></tr>
</div>
</table>

En effet, j'ai une première ligne sur laquelle j'ai placé un bouton qui me sert à afficher/masquer un element id.
Le soucis c'est que ça ne fonctionne pas, ce qui est à l'intérieur de mon div rest affiché.
si je le met sur la balise <tr>, j'ai seulement le premier tr qui s'affiche.

QUESTIONS :
Est il possible de masquer/afficher certains éléments d'un tableau via un div qui englobe plusieurs <tr>?
Comment puis-je contourner le problème?

Merci par avance.

[neby55]

Ce que tu demande correspond plus à un pb javascript qu'à un soucis de CSS.

Personnellement, je te conseilles d'utiliser jQuery et d'utiliser la fonction hide() sur les éléments TD enfants de ton TR#id. Ca se fait facilement avec jQuery

[onirisme]

Ce que tu demande correspond plus à un pb javascript qu'à un soucis de CSS.

Personnellement, je te conseilles d'utiliser jQuery et d'utiliser la fonction hide() sur les éléments TD enfants de ton TR#id. Ca se fait facilement avec jQuery

Ok, merci, je vais jeter un coup d'oeil.

Pour info, mon javascript fonctionne, je l'ai testé en dehors de la table et tout est OK.

[Bisûnûrs]

Si tu mets un div qui englobe plusieurs tr, c'est normal que ça ne fonctionne pas.

L'arbre DOM normal du tableau étant chamboulé, le navigateur ne sait plus ce qu'il doit faire.

Donc si tu veux masquer plusieurs lignes, il va falloir boucler dessus avec ton Javascript.

[onirisme]

Merci Bisûnûrs, je me douté bien que ça posait problème.

Je vais boucler via javascript alors

Ca va pas être facile mais bon je vais regarder ça (j'suis une quiche en javascrpt), et mes lignes sont générées aléatoirement.

PS-neby55 Merci pour jQuery. Ca ne fonctionne pas pour ce que je veux faire mais je garde cette bibliothèque précieusement

[mLk92]

Tu peut toujours utilisé des balises <tbody></tbody> et tu cache ta balise <tbody> qui englobe tout tes <tr>

C'est ce que j'ai fait pour environ 10 ligne où via mon javascript, je cache ou affiche ces 10 lignes avec un lien.

ca donne qqch comme ca :

Code :

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

1
2
3
4
5
6
 
<tbody>
  <tr>
     <td></td>
  </tr>
</tbody>