[dom je pense]accéder à des éléments d un tableau sans id

bonjour, jai une structure du type
Code:

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
:roll: :oops:

Code:

document.getElementsByTagName('...')

Re: [dom je pense]accéder à des éléments d un tableau sans i

Code:

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:

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...

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:

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

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

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
:cry:

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:

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 ?

Citation:

Envoyé par 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 ?

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).

Citation:

Envoyé par SpaceFrog

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).

Citation:

Envoyé par 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:

Citation:

<!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.

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

Code:

var ElementToHide=img.parentNode.parentNode.nextSibling;

et voila résolu
Merci à tous

Citation:

Envoyé par tiscars

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

Code:

var ElementToHide=img.parentNode.parentNode.nextSibling;

et voila résolu
Merci à tous

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