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

JavaScript Discussion :

Supprimer la ligne courante d'un tableau HTML


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2019
    Messages
    50
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Sénégal

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : novembre 2019
    Messages : 50
    Points : 23
    Points
    23
    Par défaut 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. #2
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    16 298
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 16 298
    Points : 33 319
    Points
    33 319
    Par défaut
    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 );
    }
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  3. #3
    Membre à l'essai
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2019
    Messages
    50
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Sénégal

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : novembre 2019
    Messages : 50
    Points : 23
    Points
    23
    Par défaut
    Bonjour,

    Merci Jreaux62, ça marche.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Débutant] supprimer 1 ligne <tr> d'un tableau HTML avec un bouton C#
    Par mimijesss dans le forum C#
    Réponses: 7
    Dernier message: 23/06/2011, 19h47
  2. Réponses: 10
    Dernier message: 10/10/2008, 14h22
  3. Supprimer la ligne courante d'un tableau
    Par SweetLeaf dans le forum Général JavaScript
    Réponses: 36
    Dernier message: 31/07/2008, 16h19
  4. Supprimer la ligne courante dans un ficher
    Par bazdik dans le forum Langage
    Réponses: 1
    Dernier message: 16/05/2007, 19h29
  5. Réponses: 1
    Dernier message: 12/12/2006, 13h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo