Ajout Ligne Formulaire Clic
Bonjour,
Ayant pour but de mettre en place l'utilisation de formulaires additionnels au clic je me retrouve en difficulté sur différents aspects de ma solution.
Tout d'abord, voici le code HTML du formulaire :
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| <button id="button" onlick="duplicate()">Click me</button>
<div >
<div class="copycat">
<form id="duplicater" autocomplete="off" action="/generate/create.php" method="post">
<div>
<div>
<input id="FR" name="FR" type="hidden" value="FR">
<label>Type</label>
<input id="" type="text" value="" name="" placeholder="" size="15">
</div>
<div>
<label>Country</label>
<input id="" type="text" value="" name="" placeholder="" size="15">
</div>
<div>
<label>Shop</label>
<input type="text" name="shop" id='shop' placeholder="" size="15">
</div>
<div>
<label>Critere</label>
<input type="text" name="critere" id='critere' placeholder="" size="15">
</div>
<div>
<label>Name File</label>
<input type="text" name="name" id='name' placeholder="" size="15">
</div>
<div>
<label>Name Repository</label>
<input type="text" name="name_repertory" id='name_repertory' placeholder="" size="15">
</div>
<div>
<label>Export Link</label>
<input type="text" name="export_link" id='export_link' placeholder="" size="15">
</div>
</div>
<div class=""><input id="Script_run" name="submit" type="submit" value="Generate"></div>
</form>
</div>
</div>
<script src="./script/duplicate.js"></script> |
Le code javascript (Merci les forums :D) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
document.getElementById('button').onclick = duplicate;
var i = 0;
var original = document.getElementById('duplicater');
function duplicate() {
var clone = original.cloneNode(true); // "deep" clone
clone.id = "duplicetor" + ++i; // there can only be one element with an ID
original.parentNode.appendChild(clone);
} |
Maintenant les divers problèmes :
1) Comment pourrais-je faire pour lancer les différents formulaires un à un successivement ? En effet, actuellement je ne peux envoyer qu'un seul formulaire, malgré que je puisse en remplir plusieurs.
2) Comment mettre en place une sorte de petit rond de chargement le temps que l'un des formulaires soumis se lance en arrière-plan ? Le formulaire permet de produire et d'exporter des PDF, aucun intérêt à afficher une page suite à sa soumission. Le "sablier" de chargement pourrait se trouver sur la partie droite du formulaire.
3) Enfin, comment faire en sorte que j'ai une file d'attente. Pour être clair, je lance un formulaire, pendant ce temps je créer un nouveau et je le lance lui aussi. Comment faire en sorte que malgré le chargement du premier formulaire, le deuxième soit soumis et soit mit en attente le temps que le premier finisse ?
J'espère que vous pourrez m'aider à trouver une solution,
Merci par avance et bonne journée, :D
PS : En effet, quelle idée, c'est corrigé :mrgreen:
