autocomplete

by openwab

HTML

<label>
    <input class="ville" type="text" value="" />Départ</label>
<label>
    <input class="ville" type="text" value="" />Arrivée</label>

CSS

label {
    display:block;
}

JavaScript

(function ($) {
    $.fn.autocomplete = function (options) {
        //options est donc un objet littéral, ne l'oublions pas !

        //On définit nos paramètres par défaut
        var defauts = {
            "vitesseFadeOut": "slow",
                "vitesseFadeIn": "fast"
        };

        //On fusionne nos deux objets ! =D
        var parametres = $.extend(defauts, options);

        return this.each(function () {
            //On accèdera à la vitesse du fadeOut via parametres.vitesseFadeOut
            //et à celle du fadeIn via parametres.vitesseFadeIn

            //On veut que l'élément change au passage de la souris, on utilise donc mouseover() !
            $(this).focus(function () {
                alert('machin');
            });
        });
    };
})(jQuery);

$('.ville').autocomplete();