Discussion :

[Zebulon777]

Bonjour tout le monde.

Je cherche à supprimer dynamiquement une table.

Voici mon "petit" code :

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
24
25
26
27
28
29
30
function ChargementTableauMois() {
	//Création de la DIV dans la div DIVTAB_00
	WDivTAB_MOIS_00 = document.getElementById("DivTAB_MOIS_00");
	WNomDIV_MOIS = "DivTAB_MOIS";
	WDiv = document.createElement("div");
	WDiv.setAttribute("id", WNomDIV_MOIS);
	WDiv.setAttribute("class", G_CLASSE_TAB);
	WDiv.setAttribute("margin-bottom", "150px");
	WDivTAB_MOIS_00.appendChild(WDiv);
	WDivID_MOIS = document.getElementById(WNomDIV_MOIS);
	//Création de la table dans la DIV
	WNomTAB_MOIS = "TAB_MOIS";
	var elementExists = document.getElementById("TAB_MOIS");
	if (elementExists != null)
	{
		var div = document.getElementById("DivTAB_MOIS_00");
		var tab = document.getElementById("TAB_MOIS");
		div.removeChild(tab);
	};
	WTable = document.createElement("table");
	WTable.setAttribute("id", WNomTAB_MOIS);
	WTable.setAttribute("class", "Table_IE8"); // Définir la class pour les tables
	WDivID_MOIS.appendChild(WTable);
	WNumMois = window.Form_PotAG.Liste_Mois.selectedIndex + 1;
	WAnnee =  window.Form_PotAG.Liste_Annee.value;
	WNomMois = Trt_Mois(window.Form_PotAG.Liste_Mois.value);
	WNbJourMois = RecupNbJourDuMois(WNumMois, WAnnee);
	$('#'+WNomTAB_MOIS).append($('<tr><td id="TABMOIS" colspan="4">'+WNomMois + " " + WAnnee+"</td></tr>"));
}

Pour la petite explication, le tableau est créé dynamiquement au chargement de la page et ensuite il est faudra l'alimenter en fonction de données sélectionnées dans des listes déroulantes, sur le onChange.

Mais mon souci est que à chaque fois que je modifie les listes déroulantes concernées, une ligne est ajoutée alors que je voudrai que le tableau soit systématiquement recréé.

J'essaye de me débrouiller avec mes maigres connaissances, mais là, je bloque.

[SpaceFrog]

un élément se supprime à partir du parent avec removeChild

Dans l'exemple suivant c'est bien le tableau avec b qui est dans le div ...

http://fiddle.jshell.net/eu8nrao2/1/

[Zebulon777]

Ben voui, c'est ce que je pensais avoir fait, la table est bien créé dans la div.

C'est ce que j'ai mis en rouge dans mon code, mais ça ne fonctionne pas.

[SpaceFrog]

cf modif du post précédent

[Zebulon777]

Yes, ça fonctionne et en plus j'ai simplifié mon code.
Merci à toi.

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
 
	WDivTAB_MOIS_00 = document.getElementById("DivTAB_MOIS_00");
	WDivTAB_MOIS_00.setAttribute("class", G_CLASSE_TAB);;
	WDivTAB_MOIS_00.setAttribute("margin-bottom", "150px");
	WTable = document.createElement("table");
	WTable.setAttribute("id", "ID_TAB_MOIS");
	WTable.setAttribute("class", "Table_IE8"); // Définir la class pour les tables
	WIdTable = "ID_TAB_MOIS";
	var elementExists = document.getElementById(WIdTable);
	if (elementExists != null)
	{
		var enfant = document.getElementById(WIdTable);
		WDivTAB_MOIS_00.removeChild(enfant);
	};
	WDivTAB_MOIS_00.appendChild(WTable);
	WNumMois = window.Form_PotAG.Liste_Mois.selectedIndex + 1;
	WAnnee =  window.Form_PotAG.Liste_Annee.value;
	WNomMois = Trt_Mois(window.Form_PotAG.Liste_Mois.value);
	WNbJourMois = RecupNbJourDuMois(WNumMois, WAnnee);
	$('#' + WIdTable).append($('<tr><td colspan="4">' + WNomMois + " " + WAnnee + "</td></tr>"));