Formulaire multi boutons

Version imprimable

06/10/2011, 02h33
orikalch

Formulaire multi boutons

Bonsoir,

J’ai eu un petit soucie avec le formulaire que je veut utiliser pour faire une recherche depuis mon site.
Voila a quoi il ressemble : Champ de Saisie et deux boutons.

[Champ de saisie] [Google] [YouTube]

Le premier bouton lance une recherche sur Google et le deuxième sur Youtube.
Ce que je n'arrive pas a faire, ces que les deux boutons utilise le même champ de saisie.

S’il y a une solution, aidé moi SVP
Merci
06/10/2011, 08h51
Vil'Coyote

un formulaire ne peut utiliser le champs de saisie d'un autre formulaire. donc le mieux serait d'avoir dans ton formulaire 'youtube' un champ hidden et idem pour ton formulaire google. ainsi au onsubmit de ton formulaire tu peux en javascript copier le contenu de ton champs dans l'un ou l'autre champs hidden.
06/10/2011, 11h18
RomainVALERI

Citation:

Envoyé par Vil'Coyote

un formulaire ne peut utiliser le champs de saisie d'un autre formulaire. donc le mieux serait d'avoir dans ton formulaire 'youtube' un champ hidden et idem pour ton formulaire google. ainsi au onsubmit de ton formulaire tu peux en javascript copier le contenu de ton champs dans l'un ou l'autre champs hidden.

Deux formulaires ? :koi:

Pour quoi faire ? deux boutons dans le même formulaire peuvent sans problème utiliser le même champ...

Quel est le souci en fait ? :? Montre-nous ton code, il doit y avoir un problème structurel quelque part.

Voila le code que je ve modifier:

Code:

1
2
3
4
5
6
7
8
9
<body>    
 
    <form action="http://www.google.fr/search" method="get">
    <input type="text" class="t" name="q" value="" id="s0"> 
		<input class="b" type="submit" value="Google"> 
		<input class="b" type="submit" value="YouTube">
	</form>
 
</body>

Merci.

06/10/2011, 12h05
RomainVALERI

Rien de très choquant dans la structure du form : montre-nous le code exploitant ta recherche pour voir comment tu te réfères au champ de saisie.

Je pense que tu devrais faire un truc du genre :

Code:

1
2
3
4
5
6
7
8
9
<body>    
 
    <form action="" method="get">
    <input type="text" class="t" name="q" value="" id="s0"> 
		<input class="b" type="submit" value="Google" onclick="this.form.action = 'http://www.google.fr/search'" /> 
		<input class="b" type="submit" value="YouTube" onclick="this.form.action = 'http://www.youtube.fr/search'" />
	</form>
 
</body>