ajouter une ligne à une page html

Bonjour,


mon code est le suivant :

Code:

---

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:

---

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:

---

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

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

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

@ tchaOo°

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

Code:

---

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