Bonjour, j'utilise le script fournit sur cette page :
http://www.quirksmode.org/dom/domform.html
Il fonctionne trés bien sur IE7 mais pas sur firefox. Lors de l'ajout d'un nouveau utlisateur, firefox affiche les champs mais ne récupere pas les valeurs.
Pour info je ne connais pas Javascript ... ca ne m'aide pas :?
Code Javascript :
Code html :Code:
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 <script language="JavaScript" type="text/JavaScript"> var counter = 0 ; function init() { document.getElementById('moreFields').onclick = moreFields; moreFields(); } function moreFields() { counter++; var newFields = document.getElementById('readroot').cloneNode(true); newFields.id = ''; newFields.style.display = 'block'; var newField = newFields.childNodes; for (var i=0;i<newField.length;i++) { var theName = newField[i].name if (theName) newField[i].name = theName + counter; } var insertHere = document.getElementById('writeroot'); insertHere.parentNode.insertBefore(newFields,insertHere); } </script>
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 <form name="Inscription" method="get" action="confirmation.php"> <div id="readroot" style="display: none;" align="center"> <input type="button" value="Supprimer" onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /> <input type="text" name="Nom" value="" size="15" /> <input type="text" name="Prenom" value="" size="15" /> <select name="Age"> <option value=""></option> <option value="Moins de 12 ans"/>Moins de 12 ans <option value="De 12 à 17 ans" />De 12 à 17 ans <option value="18 ans et plus" />18 ans et plus </select> </div> <span id="writeroot"></span><br> <input type="button" id="btnMoreFields" onClick="moreFields();" value="Ajouter une personne" /> <input type="submit" value="Valider votre inscription"/> </form>
Merci