VINS

<div id="ctn-recherche-avancee-source" >	<form action="/vins/amerique-du-nord" method="GET" name="moteur-recherche-filtre" id="moteur-recherche-filtre" onsubmit="submit_recherche(true); return false;" >	<input type="hidden" name="rrubrique" value="100773" /><div class="motscles" >		<input type="text" placeholder="Saisissez un nom, une référence..." onblur="meSelectUnique('nom', this.value, true); meSelectUnique('cocktail_designation_comp_1', this.value, true); meSelectUnique('cocktail_designation_comp_2', this.value, true);  meSelectUnique('reference', this.value, false);" id="motclerecherche" name="motclerecherche" class="motclerecherche" value="" />      <span id="suppr-motscles"></span>		<input type="hidden" name="nom" id="nomhidden" value="" />		<input type="hidden" name="reference" id="referencehidden" value="" />		<input type="hidden" name="cocktail_designation_comp_1" id="comp1hidden" value="" />		<input type="hidden" name="cocktail_designation_comp_2" id="comp2hidden" value="" />		<input type="hidden" name="go1" id="go1hidden" value="nom,reference,cocktail_designation_comp_1,cocktail_designation_comp_2" /></div><div class="couleur" >		<ul class="menu-gauche-rubriques" >	<li class="couleur rose" >		<input type="radio" onclick="meSelectUnique('couleur', this.value);" id="couleur_0"  value="1" name="couleur_temp"/> <label for="couleur_0" class="rose" title="ROSE" ><span>Rose</span></label>	</li>	<li class="couleur rouge" >		<input type="radio" onclick="meSelectUnique('couleur', this.value);" id="couleur_1"  value="2" name="couleur_temp"/> <label for="couleur_1" class="rouge" title="ROUGE" ><span>Rouge</span></label>	</li>	<li class="couleur blanc" >		<input type="radio" onclick="meSelectUnique('couleur', this.value);" id="couleur_2"  value="3" name="couleur_temp"/> <label for="couleur_2" class="blanc" title="BLANC" ><span>Blanc</span></label>	</li>	<li class="couleur tous on"" >		<input type="radio" onclick="meSelectUnique('couleur', this.value);" id="couleur_3" checked="checked" value="" name="couleur_temp"/> <label for="couleur_3" class="tous on"" title="Tous" ><span>Tous</span></label>	</li>		</ul>	<input type="hidden" value="" name="couleur" id="couleur" /></div><div class="volume" >		<input type="text" class="volume" id="volumemin" placeholder="Volume min (litres)" value="" onblur="meSelectUnique('volume', this.value, false);" />		<input type="text" class="volume" id="volumemax" placeholder="Volume max (litres)" value="" onblur="meSelectUnique('volume', this.value, false);" />		<input type="hidden" name="volume" id="volumehidden" value="_,-" /></div>	<input type="hidden" name="filtrage" id="filtrage" value="1" />	<input type="hidden" name="and" id="and" value="volume" />	<input type="hidden" name="idRubrique" value="100773" />	<input type="hidden" name="idLiaison" value="805" />	<input type="hidden" name="idUnivers" id="idUnivers" value="1" />	<input type="hidden" name="mescroll" id="mescroll" value="JTIzYnRxX3BhZ2VfcHJvZHVpdF9saXN0aW5n" /><script type="text/javascript" >
					var submit_recherche = function(loop) {

$(window).bind("popstate", function() {
								//location.reload();
							});

return false;
					};
					
					var meSelectMultiple = function(nomChamp, valeur, ajoute, type, pasdesubmit) {
						
						var valeurs = $("#ctn-recherche-avancee-source input[name=\""+nomChamp+"\"]").val().split(";");
						for(var cle in valeurs) {
							if(valeurs[cle] == valeur) {
								valeurs[cle] = null;
							}
						}
						if(type == "radio") {
							valeurs = new Array();
						}
						if(ajoute) {
							valeurs.push(valeur);
						}
						var chaine = "";
						for(var cle in valeurs) {
							if(valeurs[cle] != "" && valeurs[cle] != null) {
								chaine += valeurs[cle]+";";
							}
						}
						chaine = chaine.substr(0,(chaine.length - 1));
						$("#ctn-recherche-avancee-source input[name=\""+nomChamp+"\"]").val(chaine);
						
						if(!pasdesubmit) submit_recherche();

};

var meSelectUnique = function(nomChamp, valeur, pasdesubmit) {

// Attendre 1 seconde avant de lancer la recherche
//                        setTimeout(function(){
                            if(nomChamp == "volume") {
                                if($("#volumemin").val() || $("#volumemax").val()) {
                                    $("#ctn-recherche-avancee-source input[name=\""+nomChamp+"\"]").val("_"+$("#volumemin").val()+",-"+$("#volumemax").val());

} else {
                                    $("#ctn-recherche-avancee-source input[name=\""+nomChamp+"\"]").val(",");
                                }
                            } else {
                                $("#ctn-recherche-avancee-source input[name=\""+nomChamp+"\"]").val(valeur);
                            }
                            if(!pasdesubmit) submit_recherche();
//                        },1000);
					};
                    
                    $("#suppr-motscles").click(function(e){
                        $("#motclerecherche").val("");
                        $("#nomhidden").val("");
                        $("#referencehidden").val("");
                        $("#comp1hidden").val("");
                        $("#comp2hidden").val("");
                        $("#motclerecherche").blur();
                        e.stopImmediatePropagation();
                    });

//                    /**
//                     * Lorsqu"un champ input est modifiée, annules les autres Timeout
//                     * Ceci permet de ne pas effectuer la recherche pour les valeurs avant que l"utilisateur ne remodifie l"input
//                     */
//                    $("#node_filtrages input").on("input", function(e){
//                    
//                        // Ajoute un Timeout afin de récupérer le nombre de Timeouts en cours & tous les annuler
//                        let dernierIdTimeout = setTimeout(";");
//                        for(let i = 0; i < dernierIdTimeout; i++){
//                            clearTimeout(i);
//                        }
//                    });

// Permettre de lancer la recherche via la touche entrée
                    $("#motclerecherche").keydown(function(e){
                        if(e.which == 13){
                            $(this).blur();
                        }
                    });
                    
                    $("#volumemin").keydown(function(e){
                        if(e.which == 13){
                            $(this).blur();
                        }
                    });
                    
                    $("#volumemax").keydown(function(e){
                        if(e.which == 13){
                            $(this).blur();
                        }
                    });
					
				</script></form></div>