Supprimer dynamiquement une table ?
Bonjour tout le monde.
Je cherche à supprimer dynamiquement une table.
Voici mon "petit" code :
Code:
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.
