afficher/effacer des <tr> sous Firefox

Salut

Je voulais savoir s'il existe une manière particulière pour afficher/effacer _correctement_ des <tr> sous Firefox.

Pour l'instant j'utilise idTR.display='block'/'none' mais Firefox affiche le <tr> n'importe comment et il n'efface pas la ligne qu'il rajoute quand je efface le <tr> (ce qui fait que si je fait apparaitre le <tr> une deuxième fois, une deuxième ligne serat créée, sous la première vide qui a contenu le premier affichage du <tr>).

Il n'y a pourtant aucun problème sous IE.

Merci.

J'ai quelques screens, ça devrait éclaircir le problème :

Formulaire de base :
http://aymericdelbreil.free.fr/Step1.png

Le <tr> est affiché (display='block') :
http://aymericdelbreil.free.fr/Step2.png


le <tr> est supprimer (display='none') :
http://aymericdelbreil.free.fr/Step3.png

le <tr> est ré-affiché (display='block') :
http://aymericdelbreil.free.fr/Step4.png

Et un petit bout de code :

Code:

---

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

<table width="100%" border="0"> <tr onMouseOver="javascript:document.getElementById(\'infos\').innerHTML=formulaire[\'form\'][\'0\'][\'info\'][\'objt\'][0]"> <td>Civilit&eacute; :</td> <td> <input type="radio" id="mr" name="civi" onClick="javascript:document.getElementById(\'nomj\').style.display=\'none\'" /><label for="mr">Mr.&nbsp;</label> <input type="radio" id="mme" name="civi" onClick="javascript:document.getElementById(\'nomj\').style.display=\'block\'" /><label for="mme">Mme.&nbsp;</label> <input type="radio" id="mlle" name="civi" onClick="javascript:document.getElementById(\'nomj\').style.display=\'none\'" /><label for="mlle">Mlle.</label> </td> </tr> . . . <tr id="nomj" style="display:none" onMouseOver="javascript:document.getElementById(\'infos\').innerHTML=formulaire[\'form\'][0][\'info\'][\'objt\'][2]"> <td>Nom de jeune fille :</td> <td><input type="text" id="jnom" /></td> </tr> . . . </table>

---

J'ai l'impression que Firefox créer un <td> dans lequel il insère mon propre <tr> :?

c'est qu'en fait un tr n'est pas pas un élément block. http://giminik.developpez.com/xhtml/tr

comme très peu de navigateurs gèrent cette propriété correctement, il faudra gérer l'affichage via javascript en supprimant / réinsérant le noeud tr.

D'accord. Ca va pas simplifier les choses, ça :(

Citation:

---

Envoyé par Macintoc

D'accord. Ca va pas simplifier les choses, ça :(

---

non pas tellement, si tu veux un conseil, mets des id à chaque ligne, ça pourra t'en simplifier l'accès et c'est ce qu'il y a de plus fiable...