Discussion :

[wehtam]

Bonjour, je cherche à créer dynamiquement des lignes d'un tableau et de pouvoir les supprimer tout aussi dynamiquement.
J'ai essayé avec le code suivant mais rien ne se passe, y a t il un problème dans mon code ?

Code :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
 <script type="text/javascript">
var rangee = 1 ;
function AddRow(){
var matable = document.getElementById("table_taille");
var ligne = document.createElement("tr");
var TD1 = document.createElement("td");
 TD1.innerHTML='<input type="texte" name="taille[]">';
var TD2 = document.createElement("td");
 TD2.innerHTML='<input type="texte" name="tarif[]"> ';
var TD3 = document.createElement("td");
 TD3.innerHTML ='<a href="javascript:DeleteRow('+rangee+');">Supprimer<a>';
ligne.appendChild(TD1);
ligne.appendChild(TD2);
ligne.appendChild(TD3);
ligne.id = "ligne_"+rangee;
matable.appendChild(ligne);
rangee += 1 ;
 
 
}
function DeleteRow(rangee)
{
 var maligne = document.getElementById("ligne_"+rangee) ;
 maligne.parentNode.removeChild(maligne);
}
</script>
  <table id="table_taille" style="width:500px;" cellpadding="0" cellspacing="0">
    <tr>
        <td style="width:200px">Taille</td>
        <td style="width:200px">Tarif</td>
  <td style="width:100px"></td>
    </tr>
</table>
          <p><a href="javascript:AddRow();">Ajouter une ligne </a>

Merci d'avance

[siddh]

c est dans le tbody de ta table qu il faut ajouter les lignes (meme si tu n'en a pas mis un)

Code :

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

1
2
 
matable.getElementsByTagName("tbody")[0].appendChild(ligne);

peut etre a faire en deux lignes remarque

[wehtam]

merci, maintenant ça marche nickel.