[DOM] Développer / Réduire
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:
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)"> <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:
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 !
