Salut à tous !

Je bloque depuis pas mal de temps en ce qui concerne l'apparition de ligne <TR></TR>.

Le soucis, c'est qu'elles sont dynamiques. Voici un schéma :

________________________________________

id1, projet1, date1, caracteristiques1 [afficher(1)]
________________________________________

id2, projet2, date2, caracteristiques2 [afficher(2)]
________________________________________

Après avoir cliqué sur afficher(1) et afficher(2) :
________________________________________

id1, projet1, date1, caracteristiques1 [cacher(1)]
________________________________________

<tr>id1_descriptif 1 [ajouter] [supprimer] </tr>
----------------------------------------------
<tr>id1_descriptif 2 [ajouter] [supprimer] </tr>
________________________________________

id2, projet2, date2, caracteristiques2 [cacher(2)]
________________________________________

<tr>id2_descriptif 1 [ajouter] [supprimer] </tr>
----------------------------------------------
<tr>id2_descriptif 2 [ajouter] [supprimer] </tr>
----------------------------------------------
<tr>id2_descriptif 3 [ajouter] [supprimer] </tr>
________________________________________

Mon code actuel est le suivant :

Javascript :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<script language="JavaScript" type="text/JavaScript">
function deroul(id_descriptif) {
 if(document.getElementById(id_descriptif).className=='aff_tr')
   {document.getElementById(id_descriptif).className='cache_tr'}
  else if(document.getElementById(id_descriptif).className=='cache_tr')
   {document.getElementById(id_descriptif).className='aff_div'}
}
</script>
CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<style type="text/css">
<!--
.aff_div {
 display:inline;
 }
.cache_div {
 display :none;
 }
-->
</style>
Dans une boucle PHP où on affiche tout les projets existant se trouve un bouton :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<img src="deroule.gif" onclick="deroul('descriptif')" />
Dans une boucle où s'affiche tout les descriptifs d'un projet se trouve des lignes dynamiques issues du modèle :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<tr class="cache_div" id="descriptif" > idx_descriptifx </tr>
Mon code n'affiche que le premier descriptif du premier projet lorsque je clique sur n'importe qu'elle bouton "Afficher".

Comment afficher / cacher, en cliquant sur le bouton "Afficher /Cacher" d'un certain projet, seulement toutes ses lignes descriptifs ?

Merci d'avance.