Discussion :

[zais_ethael]

Salut à tous.
Je m'amuse pour la première fois à utiliser du javascript, et je ne parviens pas à faire fonctionner sous IE un bout de code qui fonctionne pourtant très bien sous Firefox. En voici une partie :

Code :

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

1
2
3
4
5
6
7
8
9
10
var list = document.getElementById("usersList");
var tr=document.createElement("tr");
list.appendChild(tr);
var td1=document.createElement("td");
tr.appendChild(td1);
var td2=document.createElement("td");
tr.appendChild(td2);
var txt1=document.createTextNode(document.getElementById("userName").value);
td1.appendChild(txt1);
td2.appendChild(document.createTextNode(document.getElementById("userSurname").value));

Bon, vous l'aurez compris, je prends les valeurs de boites de texte et je crée une nouvelle ligne dans une table.
Le pire, c'est que dans le code cela a tout l'air de fonctionner. Ca fait une heure que je planche la dessus en créant des tests à grand coup de alert() et il semblerait toutes les données sont cohérentes et que l'arbre XML est bel et bien modifié même entre plusieurs appels à cette fonction (donc non, ce n'est pas un problème débile genre oublier d'activer le javascript...). Mais voilà, au final il n'y a strictement rien qui apparait à l'écran.

Si quelqu'un peut m'aider je lui en serais reconnaissant.

[Bovino]

Code :

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

1
2
3
4
5
6
7
var list = document.getElementById("usersList");
var nbTR = document.getElementByTagName('tr').length;
var tr=list.insertRow(nbTR);
var td1=tr.insertCell(0););
var td2=tr.insertCell(1);
td1.innerHTML=document.getElementById("userName").value;
td2.innerHTML=document.getElementById("userSurname").value;

Essaye comme ça...

[zais_ethael]

En modifiant un peu le code:

Code :

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

var nbTR = document.getElementsByName('tr').length;

ça ne marche toujours pas. Sous Firefox ça fait quelque chose mais la ligne n'est pas insérée au bon endroit.

Edit: petite correction, contrairement à mon premier code il y a bel et bien une nouvelle ligne qui est ajoutée (comme en témoigne un petit décalage) mais le texte en lui même n'apparait toujours pas. Remplacer les deux dernières lignes par

Code :

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

1
2
td1.appendChild(document.createTextNode(document.getElementById("userName").value));
td2.appendChild(document.createTextNode(document.getElementById("userSurname").value));

ne change rien.

[Auteur]

bonjour,

il faut faire un insertRow(-1) pour que la ligne soit ajoutée à la fin. Puis lorsque la ligne est créée, ajouter les cellules puis le texte. Exemple (fonction ajoutLigne()) :
http://www.developpez.net/forums/sho...d.php?t=334611


Tu as la FAQ également :
http://javascript.developpez.com/faq...ble#AjoutLigne

[zais_ethael]

Ha ben, en plus de rendre ça plus facile ça permet l'affichage du texte avec IE .
Ben merci.