Discussion :

[luta]

bonjour, jai une structure du type

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>
  <tr>
    <td>
      <img src="fleche.jpg" onclick="javascript:showhide(this)"/>
    <td>
    <td/>
  </tr>
  <tr>
    <td>
      <table>...et ainsi de suite
    </td>
  </tr>
</table>

ce tableau est fabriqué dynamiquement à partir d un script xsl afin de présenter sousforme tabulaire les champs et valeurs des champs d un xml et son shéma...
le truc est que je voudrais pouvoir cacher ou montrer le td contenant un table lorsque je clic sur l image dutd d au dessus...
je ne sais pas s il y a dans le DOM des methodes parent ou des trucs ds le genre...
le but étant, pour ceux qui connaissent, de pouvoir afficher mes données comme le fait XMLSPY en grid

je précie que dans aucune de mes cellules il n y a d id ou quoique ce soit de reconnaissable
Merci

[SpaceFrog]

Code :

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

document.getElementsByTagName('...')

[denisC]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>
  <tr>
    <td>
      <img src="fleche.jpg" onclick="showhide(this.parentNode.parentNode.parentNode)"/>
    <td>
    <td/>
  </tr>
  <tr>
    <td>
      <table>...et ainsi de suite
    </td>
  </tr>
</table>

Code :

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

1
2
3
4
5
6
 
function showhide(elementTable) {
  with(elementTable.getElementsByTagName('table')[0].style){
    .display=(.display="none"?"block":"none")
  };
}

Quelque chose comme ça

à vérifier juste que getElementsByTagName ne retourne pas l'element parent de la fonction...

[luta]

je ne peux pas tester tout de suite vu que le click doit affecter mon 2eme tr alors si modifie ta fonction ça devrait donner ceci:

Code :

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

1
2
3
4
5
6
 
function showhide(elementTable) { 
  with(elementTable.getElementsByTagName('tr')[1].style){ 
    .display=(.display="none"?"block":"none") 
  }; 
}

?? :

[SpaceFrog]

si 0 est le premier , il y a de fortes chances que 1 soit le second ...

[luta]

bah ca marche pas...
dois y avoir un soucis de syntaxe avec les points virgules ou un autre soucis mais je vois pas trop la

[SpaceFrog]

Encore un mystère des nodes ...
Qui peut m'expliquer pourquoi il faut colle un parentNode de plus ?
sans dout une balise tbody fantome ?
en tou

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table id='coucou'>
  <tr id="tr">
    <td id="td">
      <img src="fleche.jpg" onclick="alert(this.parentNode.parentNode.parentNode.parentNode.id)"/>
    <td>
    <td/>
  </tr>
  <tr>
    <td>
      <table>...et ainsi de suite
    </td>
  </tr>
</table>

Question subsidiaire comment récupère-t-on le tag ?? nodeType me retourne 1 ?

[denisC]

Encore un mystère des nodes ...
Qui peut m'expliquer pourquoi il faut colle un parentNode de plus ?
sans dout une balise tbody fantome ?

Oui, c'est vrai, la balise tbody est systématiquement rajoutée dans les tableaux. Je conseille donc de la mettre, ça evitera qu'elle soit rajoutée par derrière (je crois même que c'est dans la norme HTML qu'il faut un tbody dans le tableau, a vérifier).

Question subsidiaire comment récupère-t-on le tag ?? nodeType me retourne 1 ?

Propriété tagName pour le nom du tag. Le nodeType est le type de Node DOM (Element, Document, Text, ....), à comparer aux constantes (par exemple http://developer.mozilla.org/en/docs...ement.nodeType).

[denisC]

(je crois même que c'est dans la norme HTML qu'il faut un tbody dans le tableau, a vérifier).

Je m'auto-confirme:

<!ELEMENT TABLE - -
(CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>

http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.1


Dans la DTD de HTML 4.01, TR ne peut pas être le fils d'une table, d'où la nécessité de passer par un TBODY.

[luta]

et bien pour en revenir a mon probleme...
j ai réglé cela en utilisant cette ligne

Code :

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

var ElementToHide=img.parentNode.parentNode.nextSibling;

et voila résolu
Merci à tous

[denisC]

et bien pour en revenir a mon probleme...
j ai réglé cela en utilisant cette ligne

Code :

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

var ElementToHide=img.parentNode.parentNode.nextSibling;

et voila résolu
Merci à tous

c'est probablement pas compatible Firefox (cf ), mais bon, si c'est un developpement IE? c'est pas grave....