Bonjour,
Je souhaiterais pouvoir rajouter des champs dynamiquement dans mon formulaire. En gros, en cliquant sur un lien, j'aimerais qu'une ligne se rajoute si l'utilisateur a plusieurs fichiers à uploader (dans mon cas).
Comme je ne suis pas très doué en Javascript, j'ai commencé un petit bout de code assez sale :
Code html : 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
26
27
28
29
30
31 <html> <head> <script type="text/javascript"> function display(div1){ var objet1 = document.getElementById(div1); if( objet1.style.display == "none"){ objet1.style.display = "block"; } else if (objet1.style.display == "block") { objet1.style.display = "none"; } } </script> </head> <body> <form method="post" ENCTYPE="multipart/form-data"> <table> <tr> <td>Upload :</td> <td><input type="file" name="fichier"><a href="javascript:;" onclick="display(\'upload2\');">+</a></td> </tr> <tr id="upload2" style="display :none;"> <td>Upload 2 :</td> <td><input type="file" name="fichier2"></td> </tr> </table> </form> </body> </html>
Avec ça, une ligne se rajoute mais elle ne s'intègre pas dans le tableau. Cela fais vraiment moche.
Avez vous des solutions à me proposer ?
Comment faire quelque chose de plus conventionnel et dynamique?
Merci d'avance.
Partager