Création d'un tableau dynamique

Version imprimable

Bonjour,

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

Code:

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

31/10/2007, 17h14
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.
02/11/2007, 08h46
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 ?
05/11/2007, 14h12
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);
}