Bonjour à toutes et à tous,

Explication du scénario souhaité :
2 boutons sont présents sur le site internet, l'un permettant d'obtenir une recherche de tous les vignobles en France et l'autre de tous les vignobles dans le Monde.
Lorsque je clique sur le bouton en France je dois avoir toutes les zones de recherche sauf Pays (puisqu'il s'agit uniquement de la France). Par contre si je clique sur dans le Monde je dois avoir uniquement Pays et Produits.
Avec évidemment le bouton submit à la fin du formulaire.

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
 
$(document).ready(function(){
	// rechercher un vignoble en France
	$("#france").click(function(event) {
		$("#rechercheForm").slideDown("slow");
		$("label").remove(".pays");
		$("#pays").hide();
		$("#regions").show();
	}); // #france
 
	$("#monde").click(function(event) {
		$("#rechercheForm").slideUp("fast");
		$("label").add(".pays");
		$("#pays").show();
		$("#rechercheForm").slideDown("fast");
	});
 
	event.preventDefault();	
});
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
 
<div id="formulaire_recherche">	
					<fieldset>
							<legend>Rechercher un vignoble</legend>
							<button class="search" id="france">en France</button>
							<button class="search" id="monde">dans le Monde</button>
						</fieldset>
<form name="form1" id="rechercheForm" style="display:none" method="post" action="#" >
 
							<p>
								<label for="pays" class="pays">Pays</label>
								<select id="pays" name="pays" size="1" class="required" style="width:175px">
									<option value="" selected="selected"> </option>
</p>
</select>
</form>
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
label.pays 
{
	color:#235218;
	font-style:italic;
}