Afficher/masquer des lignes dans un tableau hiérarchique

[linou]

Bonjour,

J'ai une hiérarchie dans un tableau de la manière suivante :
Chaque ligne correspond à une ligne de mon tableau HTML.

Code :

1
2
3
4
5
6
7
AZE
   |- AZE^2124                --> id ="AZE"
      |- AZE^2124^1642        --> id = "AZE^2124"
      |- AZE^2124^1445        --> id = "AZE^2124"
   |- AZE^4824                --> id ="AZE"
      |- AZE^4824^4596        --> id = "AZE^4824"
      |- AZE^4824^3265        --> id = "AZE^4824"

En résumé, l'id de chaque ligne correspond à son père.
Les numériques sont aléatoires, représentant des numéros internes.

Lorsque je clique sur "AZE^2124", je masque les 2 lignes ayant l'id correspondant (soit "AZE^2124^1642" et "ZE^2124^1445"), donc ses 2 fils.
Lorsque je clique sur "AZE", je masque également ses fils, ayant l'id de la ligne sur laquelle je viens de cliquer, soit "AZE^2124" et "AZE^4824".
Le problème, c'est que je voudrais également masquer les "petits-fils" de AZE...
Au lieu de dire, je veux masque les id ="AZE", il faudrait pouvoir dire quelque chose du genre, je veux masque les id="AZE%"...

J'ai essayer de chercher des gestions de hiérarchie pour voir comment on pouvait faire, mais je n'ai rien trouvé de bien intéressant... J'ai entendu parler de table hiérarchique mais je ne trouve pas grand chose non plus dessus...
Je précise, mais je pense que vous l'aurez compris, je ne maistrise pas du tt le javascript... J'en ai eu fait un peu, mais là, c'est trop compliqué pour mon niveau, et je reprend du code que quelqu'un a fait mais bien évidémment, les commentaires sont très limités... Dur dur, et donc je vous demande la plus grande indulgence...

Merci à ceux qui essaieront de m'apporter un peu d'aide pour que j'arrive à m'en sortir...
Linou

[RomainVALERI]

Il me semble dangereux de choisir une charte de nommage des id de la page qui implique des id "en doublons"...

>>> il serait a priori plus correct d'utiliser effectivement l'id de l'élément parent, mais d'y ajouter un compteur incrémenté pour rendre chaque élément unique, quitte à "découper" l'id pour retrouver l'id du père quand c'est nécessaire (d'ailleurs, c'est assez facile à implémenter à base de regexp)