Discussion :

[n00noors]

Bonjour,


mon code est le suivant :

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
<table>
<form name="monForm">
<tr>
<td>
Litrage <input type="text" name="litrage1"/>
</td>
</tr>
<tr>
<td>
Litrage <input type="text" name="litrage2"/>
</td>
</tr>
</form>
</table>
<input type="button" value="ajouter une ligne" name="ajout_ligne" onclick="addLigneSaisie();"/>

Ma problèmatique est la suivante:
à chaque fois que je vais cliquer sur le bouton ajouter une ligne, je souhaite que la ligne suivante se rajoute à mon formulaire :

Code :

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

1
2
3
4
5
<tr>
<td>
Litrage <input type="text" name="litrageN" value=""/>
</td>
</tr>

avec N = numéro du champ texte

j'ai créé la fonction suivante :

Code :

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

1
2
3
4
5
function addLigneSaisie(){
var n = document.forms[0].elements.length + 1;
window.document.write("<tr><td>Litrage <input type='text' name='litrage" + n +  "'/></td></tr>");
window.document.close();
}

elle écrit bien le champ texte en incrémentant N mais cela ouvre une nouvelle page
est-il possible de faire l'ajout à la suite de mes champs existants sans recharger la page


merci davance

[n00noors]

j'ai lu quil fallait utilisé appendChild pour ajouter un élément au tableau

[kankrelune]

Moi j'ais lu quelque part qu'il fallait faire qu'un seul post par sujet... .. .

@ tchaOo°

[n00noors]

désolé,
en plus j'ai trouvé la solution
je la met tout de meme :

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
//récupère le tableau parent ou l'on veux insérer une ligne
var tableFact = document.getElementById("monIdTable");
 
//créé un élément DOM input, un tr, et un td
var nouveauInput= document.createElement('input');	
var nouveauTr = document.createElement('tr');
var nouveauTd = document.createElement('td');
 
//spécifie les attributs de ces éléments:
nouveauTd.height = 29;
nouveauInput.name = 'titreInput'; 
nouveauInput.id = 'titreInput' ;
nouveauInput.type = 'text'; 
 
//ajout du input au td , du td au tr et enfin du tr au tableau
nouveauTd.appendChild(nouveauInput);
nouveauTr.appendChild(nouveauTd);
tableFact.appendChild(nouveauTr);

voilà si ça peux aider quelqun