Ajouter une ligne dynamiquement dans un table

Kartouche -  
 Kartouche -
Bonjour, et merci d'avance
Je veut ajouter une ligne dynamiquement avec javascript dans un <table> avec un champs text, j'ai parcouru quelques forums et j'ai trouvé quelques réponse que j'ai combiné ensuite. Mais j'ai eu un petit problème, en faite l'ajout et la suppression d'une ligne marche très bien. Le problème est lors de la suppression il y a un petit espace qui s'ajoute a la dernière ligne a chaque fois.
merci pour votre aide d'avance.
voici mon code
// champsDynamiques.js

var i=0;

function inserer_ligne()
{
if(i<1){
document.getElementById('TR').innerHTML += "<tr id='TR_"+i+"'><td>text</td>"+
"<td><input type='text'size='8' name='TXT_"+i+"' id='TXT_"+i+"' /></td>"+
"</tr>";
}
else
{
document.getElementById('TR').innerHTML += "<tr id='TR_"+i+"'><td>text</td>"+
"<td><input type='text' size='8' name='TXT_"+i+"' id='TXT_"+i+"' /></td>"+
"<input type='button' value='-' onClick='remove_champ1("+i+")' /></tr>";


}

i++;

function remove_champ1(i){
var parent = document.getElementById("TR_"+i).parentNode;
parent.removeChild(document.getElementById("TR_"+i));
}

<head onload="inserer_ligne()>
<script language="javascript" src="champsDynamiques.js"></script>
</head>

<body>
<form id="form1" name="form1" method="post" action="#">
<div id='champs'></div>
<table id="TR" width="200" border="1">

</table>
<input class='input2' type='button' onClick='inserer_ligne()' value='+' />

</form>
</body>

2 réponses

Réponse 1 / 2
garf
 
c'est le contour de <table> que tu vois. soit ut met une valeur 0 par défaut à border, soit tu met la valeur à 0 quand il n'y a plus de ligne dans ton script

par contre il manque un } pour fermer la fonction "function inserer_ligne()"
0
Réponse 2 / 2
Kartouche
 
ok ça m'aide pas beaucoup mais merci quand même
0

Discussions similaires

Table des matières dont les titres n'apparaissent pas..
Synua -
ggg -

10 réponses
Intégrer une table des annexes et des matières sur word
clairon69 -
Jo -

20 réponses