Discussion :

[Nicolas94]

Bonjour,

Je génère le contenu de mon Tableau via une fonction JS.

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
 
.....
		var j=0;
		for (i=1; i<=NbWeeks; i++){
			var newRow = document.getElementById('calendar').insertRow(-1);
			var newCell = newRow.insertCell(0);
			newCell.innerHTML = ItemLundi.item(j).firstChild.data;
			newCell = newRow.insertCell(1);
			newCell.innerHTML = ItemMardi.item(j).firstChild.data;
			newCell = newRow.insertCell(2);
			newCell.innerHTML = ItemMercredi.item(j).firstChild.data;
			newCell = newRow.insertCell(3);
			newCell.innerHTML = ItemJeudi.item(j).firstChild.data;
			newCell = newRow.insertCell(4);
			newCell.innerHTML = ItemVendredi.item(j).firstChild.data;
			newCell = newRow.insertCell(5);
			newCell.innerHTML = ItemSamedi.item(j).firstChild.data;
			newCell = newRow.insertCell(6);
			newCell.innerHTML = ItemDimanche.item(j).firstChild.data;
			j++;
		}
......

Tout fonctionne bien. Sur ma page de rendu j'ai un lien qui rappelle la fonction avec des paramètres différents.

Le problème :
Lors du rappel de la fonction celle ci m'ajoute le nouveau contenu du tableau en dessous du 1er contenu.

Ce que j'aimerais c'est que ca réinitialise le Tableau et que ca rajoute les nouvelles datas.

Cordialement,
Nico.

[Apollinaire]

Bonjour,

Effectivement il semblerait que c'est ce que vous lui demandez de faire.
Essayez en effaçant le contenu de "calendar" avant votre boucle for.

Bonne continuation.

[Nicolas94]

Bonjour,

Euh, c'est justement pour ça que j'ai posté. Car je ne sais pas effacer le contenu du tableau :p

Donc si qq1 pouvait m'aider

Cordialement,

[Apollinaire]

En fait, il est possible de faire simplement document.getElementById('calendar').innerHTML=""
mais IE ne veut pas remplacer le contenu d'un table, uniquement d'une ligne.

Le plus simple est à mon avis de créer le tableau dans son ensemble et de supprimer/l'ajouter dans une div entourant le table.

Donc du type :
<div id="conteneur">
Ici il y aura le tableau
</div>

Donc il faudra le re-générer dans son ensemble mais pour le remplacement il n'y aura aucun problème (et même pas besoin de l'effacer).

[Nicolas94]

ok merci.
je vais voir ca

[Nicolas94]

Je reviens pour avoir donc une réponse à ma question de départ.
Comment puis faire pour que lorsque je relance la fonction, la ligne précédente ne réapparaisse pas. En gros supprimer le tboby ajouter précédemment

Appolinaire, je te mets un code ci dessous pour apporter une réponse à ton Pb IE.

Ci dessous le code compatible IE :

tbody = document.createElement ("tbody");
tr = document.createElement ("tr");

td1 = document.createElement ("td");
txt1 = document.createTextNode ("valeur cellule1");
td1.appendChild (txt1);

td2 = document.createElement ("td");
txt2 = document.createTextNode ("valeur cellule2");
td2.appendChild (txt2);

tr.appendChild(td1);
tr.appendChild(td2);

tbody.appendChild(tr);

document.getElementById('ID_table').appendChild(tbody);