Discussion :

[deltasight]

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 :

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
 
<form id="formSupprimer" method="post" action="">
                <p>
                Login souhait&eacute; :
                <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&eacute; :
                <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&eacute; :
                <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 :

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

[andry.aime]

Bonjour,

Pourquoi ne pas donner seulement un style CSS à un bouton submit? Tu trouves pas mal d'exemple sur google.

A+.