Le blog de Stef et Nico

Voici une façon d’utiliser le widget autocomplete de jQuery pour qu’après la sélection d’un résultat le contenu de la zone de saisie soit remit à blanc. Il faut que le gestionnaire de l’évènement retourne faux pour stopper la gestion de l’évènement ‘select’ après avoir effacer le texte de la recherche

	$('#input_recherche').autocomplete({
	    source: '?w=cherche',
	    select: function (event, ui) {
                fait_quelque_chose(ui.item);
                // efface le contenu du champ de recherche
		event.target.value = '';
		// stop la propagation de l'évènement
		return false;
	    }
	});

En utilisant le Datepicker j’ai eu un soucis avec Openlayers dont certains éléments avait un z-index supérieur à la div contenant le calendrier du Datepicker.

Datepicker peut remonter le z-index de cette div si vous le précisez sur l’élément « input » associé comme ceci :

<input id="date" type="text" style="z-index: 9000; position: relative;"/>
<script>
     $('date').datepicker();
</script>