Javascript ajout de lignes de saisie de formulaire

[webac]

Bonjour à tous,

je vous expose mon problème, j'ai un formulaire sur lequel je souhaite que l'utilisateur puisse ajouter des lignes de saisie j'ai trouvé une portion de code mais je n'arrive pas à l'adapter a mon contenu j'obtiens des erreurs javascript.

Quelqu'un peut-il jetter un oeil au code suivant et m'aguiller :

Formulaire

<form id="form1" name="form1" method="post" action="envoi.php">
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="5" bordercolor="#000000">
  <tr>
    <td height="36" colspan="7" valign="middle" bordercolor="#FFFFFF" background="bg.gif"><center><img src="art_inco.png" alt="Fiche Articles Inconnus" width="256" height="60" /></center>    </td>
  </tr>
  <tr>
    <td height="36" background="bg.gif"><center>
      <strong>Fournisseur<span class="Style4">*</span></strong>
    </center></td>
    <td background="bg.gif"><center>
      <strong>Code Interne</strong>
    </center></td>
    <td background="bg.gif"><center>
      <strong>Gencode/ EAN13<span class="Style4">*</span></strong>
    </center></td>
    <td background="bg.gif"><center>
      <strong>Libell&eacute;<span class="Style4">*</span></strong>
    </center></td>
    <td background="bg.gif"><center>
      <strong>Poids(Kg, L)</strong>
    </center></td>
    <td background="bg.gif"><center>
      <strong>Remarques<span class="Style4">*</span></strong>
    </center></td>
    <td background="bg.gif"><center>
      <strong>Article d&eacute;lot&eacute;?<span class="Style4">*</span></strong>
    </center></td>
  </tr>
  <div id="saisies">
  <tr valign="middle">
    <td><center><input name="four[]" type="text" id="four[]" size="5" maxlength="5" /></center></td>
    <td><center><input name="code[]" type="text" id="code[]" size="6" maxlength="7" /></center></td>
    <td><center><input name="ean[]" type="text" id="ean" size="13" maxlength="13" onblur="verif()"/></center></td>
    <td><center><textarea name="lib[]" cols="40" rows="3" id="lib[]" onblur="alert('Avez vous vérifié sur Kheops?') "></textarea>  
          <br />
          Produit Leader Price
      <input type="checkbox" name="lp[]" id="lp[]" /></center></td>
    <td><center><input name="poids[]" type="text" id="poids[]" size="6" maxlength="4" /></center></td>
    <td><center><textarea name="obs[]" cols="40" rows="3" id="obs[]"></textarea></center></td>
    <td><center>oui<input type="radio" name="delotage[]" id="radio2" value="oui" /><br />non<input type="radio" name="delotage[]" id="radio" value="non" /></center></td>
  </tr>
  </Div>
  <tr>
    <td colspan="4" bordercolor="#FFFFFF" class="Style4"><input type=Button value='Ajouter une ligne de saisie' onclick=Ajouter() />
      <br /></td>
    <td colspan="3" bordercolor="#FFFFFF" class="Style4" align="right">* Chanps obligatoires</td>
    </tr>
</table>
</form>

script d'insertion

<script language=javascript> 
var nlignes = 1; 
function Ajouter(){ 
nlignes++ ; if(nlignes>=11){return false;} 
saisies.insertAdjacentHTML('BeforeEnd','<tr valign=middle><td><center><input name=four[] type=text id=four[] size=5 maxlength=5 /></center></td><td><center><input name=code[] type=text id=code[] size=6 maxlength=7 /></center></td><td><center><input name=ean[] type=text id=ean size=13 maxlength=13 onblur=verif()/></center></td><td><center><textarea name=lib[] cols=40 rows=3 id=lib[] onblur=alert("Avez vous vérifié sur Kheops?") ></textarea>  <br />Produit Leader Price<input type=checkbox name=lp[] id=lp[] /></center></td><td><center><input name=poids[] type=text id=poids[] size=6 maxlength=4 /></center></td><td><center><textarea name=obs[] cols=40 rows=3 id=obs[]></textarea></center></td><td><center>oui<input type=radio name=delotage[] id=radio2 value=oui /><br />non<input type=radio name=delotage[] id=radio value=non /></center></td></tr>')
} 
</script>

 

[UsagiYojimbo]

Et tu as quoi comme erreurs javascript ?

 

[webac]

firebug me renvoi :

Élément référencé par son ID/NAME dans le contexte global. Utilisez la propriété standard du W3C « document.getElementById() » à la place.
[Break on this error] saisies.insertAdjacentHTML('BeforeEnd','...adio value=non /></center></td></tr>')\r\nindex.php (ligne 89)
saisies.insertAdjacentHTML is not a function
[Break on this error] saisies.insertAdjacentHTML('BeforeEnd','...adio value=non /></center></td></tr>')\r\nindex.php (ligne 89

de plus les lignes de saisie ne s'ajoutent pas

 

[UsagiYojimbo]

Il y a eu il y a peu de temps un topic sur ce genre de problématique sur WRI. Et en recherchant j'étais tombé là-dessus : http://www.javascriptfr.com/forum/sujet-AJOUTER-CHAMPS-DANS-FORMULAIRE ... 30038.aspx (même si habituellement je fais ça en AJAX).

 

[webac]

merci je vais suivre cette piste de près qui m'a l'air forte intéressante

 

[rudddy]

regarde par là : https://www.google.fr/search?hl=fr&q=jquery+formulaire+ajout+ligne