Suppression d'une ligne d'un tableau.
Bonsoir à tous,
Je suis novice en js, mais pour une application spécifique il a fallu que je créer un tableau dynamique en javascript recevant en paramètre une chaine de caractère séparé d'une virgule...maintenant il faut que je puisse supprimer n'importe quelle ligne de ce dernier via le link erase afficher sur chaque ligne ... Le problème est que je ne sait vraiment pas comment triturer ce code afin qu'il puisse m'effectuer cet effacement ... Est-ce que quelqu'un pourrait s.v.p me donner un coup de main sur ce problème ?
En vous remerciant par avance.
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| function CreerTableHTML(valeur)
{
// Recherche de l'élément parent dans lequel on va insèrer la nouvelle table
var parentElt = document.getElementById('upload_test');
// Efface le contenu de l'élément parent
parentElt.innerHTML="";
var table = document.createElement("table"); // Création d'une nouvelle table = élément <table>
table.setAttribute("border", "1"); // Donne une bordure à la table (facultatif)
var tableBody = document.createElement("tbody"); // Création du corps de la table
var row = document.createElement("tr"); // Création d'une nouvelle ligne= élément <tr>
var cell = document.createElement("th"); // On insère les entêtes
cell.innerHTML= "Lien de l'image";
row.appendChild(cell);
var cell = document.createElement("th"); // On insère les entêtes
cell.innerHTML= "Effacement ?";
row.appendChild(cell);
tableBody.appendChild(row);
var chaine = valeur;
var tableau = chaine.split(',');
var nbrRow = tableau.length;
for(var rowIndex = 0; rowIndex < nbrRow; rowIndex++) // Pour chaque ligne
{
row = document.createElement("tr"); // Création d'une nouvelle ligne= élément <tr>
for(var colIndex = 0; colIndex < 2; colIndex++) // Pour chaque colonne
{
cell = document.createElement("td"); // Création d'une nouvelle cellule = élément <td>
if (colIndex == 0) {
var test = tableau[rowIndex];
cell.innerHTML="<a href=\""+tableau[rowIndex]+"\" target=\"_blank\" />"+tableau[rowIndex]+"</a> ";
}
else{
cell.innerHTML= '<a href=\"\" onClick=\"Delete_Ligne(this.row)\">erase</a> ';
}
row.appendChild(cell); // Ajoute la cellule dans la ligne
}
tableBody.appendChild(row); // Ajoute la ligne à la fin du corps du tableau
}
table.appendChild(tableBody); // Ajoute le corps du tableau dans la table
parentElt.appendChild(table); // Ajoute la table dans l'élément parent.
}
function Delete_Ligne(){
document.getElementById('tableBody').deleteRow(-1);
} |
