Incohérence IE/FF avec getElementById().innerHTML

Bonjour,

J'ai créé un tableau sur lequel on peut cliquer sur un petit + qui nous crée une nouvelle ligne. Pour cela j'utilise cette fonction js:

Code:

---

1 2 3 4 5 6 7 8

<SCRIPT language="Javascript"> var id = <?php echo $id==null?0:$id;?>; function plus() { id = id+1; document.getElementById('plus').innerHTML += "<td><input type='text' name='"+id+"name' /></td><td width='500px'><textarea name='"+id+"value' rows=4 COLS=100></textarea></td>" } </SCRIPT>

---

Code:

---

1 2 3 4 5 6 7

<table id='plus'> <!-- blabla --> </table>   <table style="border-top:0;"> <tr><td align='center' border=0><img src='+.png' onClick='plus()'/></td></tr> </table>

---

Cela génère bien ma ligne sous firefox, mais sous IE rien, j'ai un petit warning en bas qui me dit "erreur sur la page".
Vous savez d’où cela peut venir?
Même problème sans utiliser mes variables dans le js.

Merci

PS: IE utilisé version 8

au lieu d'insérer du code HTML au pied de biche en innerHTML, essaye de passer par le DOM avec createElement et appends dans le tbody

Surtout, quand tu veux insérer une ligne dans une table, il ne faut pas oublier le <tr> ! :roll:

Citation:

---

Envoyé par Bovino

Surtout, quand tu veux insérer une ligne dans une table, il ne faut pas oublier le <tr> ! :roll:

---

O_o j'avoue j'ai oublié, mais ca bug quand même..
J'ai trouvé que c'est "normal" il faut utiliser une div:
http://support.microsoft.com/kb/276228/fr

Mais ça m'arrange pas d'utiliser une div dans mon cas...

Donc ok le createElement:
j'ai trouvé cet exemple:

Code:

---

1 2 3 4 5

nouveauDiv = document.createElement("div"); nouveauDiv.innerHTML = "<h1>Salutations !</h1>";   mon_div = document.getElementById("org_div1"); document.body.insertBefore(nouveauDiv, mon_div);

---

Tu me proposes un

Code:

---

document.getElementById("..").appendChild(nouveauDiv);

---

?

Mais il faudrait que je crée les élements 1 par 1? :o
genre mon <tr><td></td><td></td></tr> je crée 3 éléments?
Ou un seul <tr> dans lequel j'insère mon <td></td><td></td> "au pied de biche" ?

Ok, cela ne marche qu'en créant les éléments 1 à 1, en ajoutant le <tr> au <tbody>, puis en ajoutant chaque <td> au <tr>.

Un peu plus lourd à écrire, mais c'est ok,

Merci ;)