open-close avec un tableau

bonjour tout le monde.
Je suppose qu'il doit exister beaucoup de topic sur ce sujet mais j'ai vraiment un souci.

J'ai un tableau qui me permet d'afficher els resultats d'une recherche avancé.
il est de cette forme :
1er ligne :le nom des themes ou sous theme récupéré grace a une requete mysql
2eme ligne: un autre tableau qui liste les documents des thèmes sélectionnés

je souhaiterai par un clic sur chaque theme cacher le contenu de ce theme.

j'ai 2 grosses contraintes qui sont:
- utiliser un tableau et non des "div".
- plusieurs niveau à cause des themes et sous themes

auriez vous une solution a me proposer?
utiliser un <form> avec des fonctions javascript?

HTML

Code:

---

1 2 3 4 5

<td id="lnk0"> <a href="javascript:changeView(this)">Category One</a> </td> <td id="res0"> </td>

---

JS

Code:

---

1 2 3 4

changeView=function(row) { row = document.getElementById("res" + row.parentNode.id.substr(3)); row.style.display=row.style.display=="none"?"":"none"; }

---

apparemment il y a un souci

j'ai une erreur javascript :
Erreur : row.parentNode has no properties
Fichier source : http://fixion:8080/passages/consulter_doc_general.jsp
Ligne : 27

En effet, désolé...
Si le tout est généré en JSP, te serait-il possible de generer ceci :

Code:

---

1 2 3 4 5

<td> <a href="javascript:changeView('res0')">Category One</a> </td> <td id="res0"> </td>

---

Le JS étant :

Code:

---

1 2 3 4

changeView=function(row) { row = document.getElementById(row); row.style.display=row.style.display=="none"?"":"none"; }

---

Merci pour la correction le système fonctionne mais j'ai toujours mon probleme de savoir comment gérer les ouverture et fermeture car je n'est pas simplement 2ligne j'en ai plusieurs.
voila un peut comment se présente mon code (en jsp) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

while (rs_action!=null && rs_action.next()) { <tr ><td colspan="2"> <a href="javascript:changeView('res0')"> <%=(nb_t==1?"<strong>":"")+decal_theme+nom_theme_rs.getString("nom")+(nb_t==1?"</strong>":"")%><%out.print(" ("+cpt_action2+"documents )");%></a> </td></tr> <% /* Récupération de mes documents : requetes */%> <tr id="res0"><td colspan="2"> <table class="tree"> /* affiche les informations d'un seul document, donc si il y a plusieurs documents dans un même themes on reparcours tout ce code mais on affiche uniquement ce tableau.*/ </table> }

---

Donc le tableau en bas est a cacher dans tous les cas dés le debut mais il y a également certaine premiere ligne.

ca donne un schéma comme ceci:

Code:

---

1 2 3 4 5 6 7 8 9 10

THEME 1 sous theme 1 tableau des documents sous theme 2 tableau des documents sous theme 3 THEME 2 sous theme 1 tableau des documents sous theme 2

---

au départ seul mes THEME sont visible, ensuite si je fais un clic sur un THEME mes "sous theme" sont visible a leur tour et idem pour le tableau des documents

voila j'espere que je vous aurais pas emmeler les pinceaux ^^

merci pour votre aide

Construit de cette manière-ci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

THEME 1 res0 { sous theme 1 res0_0 { tableau des documents } sous theme 2 res0_1 { tableau des documents } sous theme 3 res0_2 {} } THEME 2 res1 { sous theme 1 res1_0 { tableau des documents } sous theme 2 res1_1 {} }

---

oui ca a l'air correct comme ca, en plus l'id des themes que je récupère et de cette forme.

00
01
0001
0102

ect..

donc ce que je pourrai faire c'est me servir de cette id_theme comme id de mon <tr>

merci pour ton aide!
je fini autre chose et je m'y replonge car j'avais plus les idées pour ca ^^. a force de réfléchir on s'éloigne trop de la solution lol

a bientot

le patron a résolu mon pb lol ^^

il ma dit de modif plutot autre chose et de laissé tomber ca :)

donc affaire résolu

merci pour votre aide