[AJAX] POST en Ajax pour un formulaire à plusieurs boutons
Bonjour,
Je suis en train de réaliser une page dans un but très simple.
En gros, je veux un champ "Votre login" avec plusieurs boutons du style "enregistrer dans la base", "supprimer de la base", "vérifier dans la base". C'est donc un formulaire mono-champ et multi-boutons. Le submit du form passe par un seul bouton (et pas tous les boutons en même temps).
Pour cela j'ai utilisé un form "hidden", pour pouvoir utiliser de jolies images de boutons et pas un bouton "submit" de base". Le traitement des variables _$POST['postLogin'] se fait sans soucis en php.
Ma page web ressemble à ceci :
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
|
<form id="formSupprimer" method="post" action="">
<p>
Login souhaité :
<input type="text" name="postLogin" size="50" maxsize="64" />
</p>
<input type="hidden" value="Supprimer le compte" name="postSupprimer" />
</form>
<form id="formRestaurer" method="post" action="">
<p>
Login souhaité :
<input type="text" name="postLogin" size="50" maxsize="64" />
</p>
<input type="hidden" value="Restaurer le compte" name="postRestaurer" />
</form>
<form id="formVerifier" method="post" action="">
<p>
Login souhaité :
<input type="text" name="postLogin" size="50" maxsize="64" />
</p>
<input type="hidden" value="Verifier le compte" name="postVerifier" />
</form> |
Et puis juste à la suite, mon joli menu qui utilise un script js ressemble à ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<li>
<a href="" class="menu" onclick='document.getElementById("formCreer").submit();return false;'>
<img src="icon.gif" alt="" /><span>Creer</span></a>
</li>
<li>
<a href="" class="menu" onclick='document.getElementById("formSupprimer").submit();return false;'>
<img src="icon2.gif" alt="" /><span>Supprimer</span></a>
</li>
<li>
<a href="" class="fmenu" onclick='document.getElementById("formRestaurer").submit();return false;'>
<img src="icon3.gif" alt="" /><span>Restaurer</span></a>
</li>
<li>
<a href="" class="menu" onclick='document.getElementById("formVerifier").submit();return false;'>
<img src="/icon2.gif" alt="" /><span>Verifier</span></a>
</li> |
Ceci fonctionne mais je voudrais uniquement un seul champ "Login souhaité". Quand j'essaye de ne créer qu'un seul form avec mes boutons, le submit du form envoie tous les boutons en même temps...
Merci pour vos conseils et vos tours de magie js/jQuery :)
