Discussion :

[mav]

Bonjour,

J'ai une page HTML générée (par SAP pour tout dire !) sur laquelle je rajoute des fonctionnalités JavaScript. Il s'agit grosso modo d'un formulaire de type 'matrice' avec de nombreux champs inputs et des niveaux de totaux, sous-totaux, détails.

Je m'intéresse actuellement à la possibilité de développer / réduire certaines lignes de ce tableau (à la façon d'un sous-total Excel). Pour ce faire, je rajoute une image dans une cellule et j'associe une fonction à l'événement onClick de cette image.

Mon problème est de retrouver la ligne qui contient l'image. J'ai en effet la structure suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<tr>
    <td>
        <span style="width:80;color:#000000;" title="TOTAL" id="tot" ""><img id="expander" src="open.gif" onClick="collapse(this)">&nbsp;<nobr>TOTAL</nobr></span>
     </td>
     <td>
        <input id="inputB" name="inputB" onchange="splitAmount(this)" onKeyDown="if (window.event.keyCode == 13){ ventilation(tvX_1_3);}" value=          123.456>
     </td>
     ...
</tr>

J'arrive facilement à masquer la ligne en utilisant les feuilles de style CSS :

Code :

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

style="visibility:hidden;display:none"

mais je n'arrive pas à récupérer la balise <TR> qui englobe le champ (précisons que la page étant générée je n'ai pas possiblité de rajouter un ID à la balise <TR>) !

Merci par avance à ceux qui pourront m'aider !

[SpaceFrog]

Code :

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

parentNode

[denisC]

Code :

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

parentNode

Voire

Code :

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

parentNode.parentNode.parentNode

[mav]

Merci à tous les 2 !