Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Nouveau membre du Club
    Supprimer la ligne courante d'un tableau HTML
    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

  2. Invité
    Invité(e)
    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 );
    }
      0  0

  3. #3
    Nouveau membre du Club
    Bonjour,

    Merci Jreaux62, ça marche.

###raw>template_hook.ano_emploi###