Discussion :

[oni13]

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 :

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

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

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

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

[SpaceFrog]

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

[Bovino]

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

[oni13]

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

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 :

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

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 :

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

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" ?

[oni13]

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