Discussion :

[Stella74]

Bonjour,

Je veux créer un tableau dynamiquement. J'ai écris le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function AjouteChamp(NumLigne, Numchamp, Valeur, Label)
{
	var node = document.getElementById("innerDiv");
	var newBODY = document.createElement("TBODY");
	var newNode = node.parentNode.appendChild(newBODY);
 
	var newTr = document.createElement("TR");
	var TR = newNode.appendChild(newTr);
 
	var newTd1 = document.createElement("TD");
	var td1 = newNode.appendChild(newTd1);
	var newLabel = document.createTextNode(Label);
	td1.appendChild(newLabel);
 
	var newTd2 = document.createElement("TD");
	var td2 = newNode.appendChild(newTd2);
	var newInput = document.createElement("INPUT");
	newInput.setAttribute("type", "TEXT");
	newInput.setAttribute("disabled", true);
	newInput.setAttribute("name", 'Lig'+NumLigne+'Champ'+Numchamp);
	newInput.setAttribute("value", Valeur);
	td2.appendChild(newInput);
}

Je veux écraser le tableau existant avec un nouveau tableau car mon script se rafraichit toutes les 25 secondes et, à chaque fois, il rajoute les valeurs à mon tableau au lieu d'en créer un nouveau. Est ce que quelqu'un voit la façon de faire ?

Merci d'avance

[Stella74]

N'existerait il pas un moyen pour créer un nouveau tableau à chaque fois que la page se rafraichie?

J'ai oublié de vous préciser que dans la page principale, je récupère les données de la façon suivante :

<TABLE id='innerDiv' cellPadding=1 cellSpacing=0 width="100%">
</TABLE>

J'attends avec impatience vos commentaires car je sèche vraiment.

[Stella74]

Je ne comprends pas quelque chose.

J'essaie d'exécuter ce script pour supprimer le noeud :

function SupprNoeud()
{
var node = document.getElementById("innerDiv");

while (node.firstChild)
{
node.removeChild(node.firstChild);
}

}

Il supprime les noeuds enfants uniquement au premier passage dans cette fonction. Quand la page se rafraichie, il ne voit aucun noeud enfant. Pourriez vous me dire de quoi ça vient et comment puis je remédier à ce problème ?

[Stella74]

Bonjour,

Juste ce petit message pour vous signaler que j'ai réussi à résoudre mon problème. Ma fonction Ajoute Champ fonctionnait correctement. Il suffisait de créer un tableau dans ma première page php puis de créer un TBODY. Il faut mettre l'id dans le TBODY.

<TABLE>
<TBODY id = 'table'>
</TBODY>
</TABLE>
function AjouteChamp(NumLigne, Numchamp, Valeur, Label)
{
var node = document.getElementById("table");
var newTR = document.createElement("TR");
var newNode = node.appendChild(newTR);

var newTd1 = document.createElement("TD");
var td1 = newNode.appendChild(newTd1);
var newLabel = document.createTextNode(Label);
td1.appendChild(newLabel);

var newTd2 = document.createElement("TD");
var td2 = newNode.appendChild(newTd2);

var newInput = document.createElement("INPUT");
newInput.setAttribute("type", "TEXT");
newInput.setAttribute("disabled", true);
newInput.setAttribute("name", 'Lig'+NumLigne+'Champ'+Numchamp);
newInput.setAttribute("value", Valeur);
td2.appendChild(newInput);
}