Discussion :

[madinadiouf]

Bonjour,

Dans une fonction Javascript qui crée une nouvelle ligne à chaque click d'un bouton,J'ai ajouté un bouton "Supprimer" qui je veux quand on clique dessus; ça supprime la ligne sur laquelle elle est placée.

voici la fonction qui crée la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	 const oLigne= table.insertRow(-1);
  const cellPrenom = oLigne.insertCell(0);
    var rowNumber = table.childNodes.length;
   var codeHTML_button_supp= '<input type="button" name="supp_agent[]" onclick="supp_ligne();" value="Supprimer"/>';
 const cellbutton_supp = oLigne.insertCell(6);
cellbutton_supp.innerHTML=codeHTML_button_supp;
}

Maintenant je veux savoir quels sont les paramètres à passer à la fonction supp_ligne() et le contenu de supp_ligne().
Je sais qu'il existe deleteRow() mais je sais comment ça marche ?

Si vous avez une solution

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	 const oLigne= table.insertRow(-1);
  const cellPrenom = oLigne.insertCell(0);
    var rowNumber = table.childNodes.length;
   var codeHTML_button_supp= '<input type="button" onclick="supp_ligne(\''+tableID+'\',this);" value="Supprimer"/>';
 const cellbutton_supp = oLigne.insertCell(1);
cellbutton_supp.innerHTML=codeHTML_button_supp;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function supp_ligne(tableID, elt)
{
  document.getElementById(tableID).deleteRow( elt.parentNode.parentNode.rowIndex );
}

[madinadiouf]

Bonjour,

Merci Jreaux62, ça marche.