Bonsoir,
J'ai ré-adapté un code trouvé afin qu'il m'initialise et me crée à chaque appel de la fonction, un tableau dynamique en fonction d'une chaine (de la forme: toto,tata,titi,x,y,z) passés en argument via la variable valeur.. le nombre de ligne affiché dépend du nombre de nom trouvé dans la chaine. Mon problème est les suppressions ont pour effet de toujours supprimer la dernière ligne !
Note: Afin d'effacer le tableau à chaque appel je fais :
document.getElementById('tableau').innerHTML = "";
Quelqu'un aurait s.v.p une idée du problème ...car je sèche sur ce problème...
Un grand merci d'avance.
Code Javascript :
function creetableau(valeur)
{
document.getelementbyid('tableau').innerhtml = "";
var cell;
var tableau = document.getelementbyid('tableau');
var chaine = valeur;
var tab = chaine.split(',');
var nbrrow = tab.length;
for (var i = 0; i<nbrrow; i++){
var ligne = tableau.insertrow(-1);
cell = ligne.insertcell(0);
cell.innerhtml = ligne.rowindex;
cell = ligne.insertcell(1);
cell.innerhtml = tab[i];
cell = ligne.insertcell(2);
var bouton = document.createelement("input");
bouton.type = "button";
bouton.value = "supprimer";
bouton.onclick = function(){suppression(ligne)};
cell.appendchild(bouton);
}
}
function suppression(ligne)
{
document.getelementbyid('tableau').deleterow(ligne.rowindex);
//recomptage des lignes...
var tableau = document.getelementbyid('tableau');
var trs = tableau.rows;
var n = trs.length;
var i;
alert(n);
for (i=1; i<n; i++) //on commence à 1 et non à 0 ;)
{
trs[i].cells[0].innerhtml = trs[i].rowindex;
}
}