Discussion :

[Invité]

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]