Bonjour,
J'ai adapté plusieurs tutoriaux trouver sur le net pour afficher une ligne de tableau avec 2 cellules et 1 input par cellule en cliquant sur un lien.
Code js : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 var compteur = 0; function addLigne(idChamp) { var conteneur = document.getElementById(idChamp); var tr1 = document.createElement('tr'); var td1 = document.createElement('td'); var td2 = document.createElement('td'); var sdad = document.createElement('input'); var sdaf = document.createElement('input'); sdad.setAttribute("type","text"); sdad.setAttribute("name"," sdad["+compteur+"]"); sdaf.setAttribute("type","text"); sdaf.setAttribute("name"," sdaf["+compteur+"]"); td1.appendChild(sdad); td2.appendChild(sdaf); tr1.appendChild(td1); tr1.appendChild(td2); conteneur.appendChild(tr1); compteur++; }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <table border="0" cellspacing="6" id="divarticle"> <a href="#" onClick="javascript:addLigne(' divarticle');">Ajouter un article</a> </table>
Je souhaiterais avec un autre lien à côté pouvoir supprimer la dernière ligne ajouté. Y'a t-il une fonction pour supprimer la dernière entrée ? Ou bien je dois lancer une recherche de l'élement pour faire un removechild ? Car j'ai testé ça et je n'y arrive pas.
Merci pour votre aide [cligne]
Partager