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 : 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
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 : 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 <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
Partager