autocomplete

by openwab

HTML

<label>
    <input class="ville" type="text" value="" />Départ</label>
<label>
    <input class="ville" type="text" value="" />Arrivée | <a href="#" title="Ajouter cette destination">Ajouter</a>

</label>
<div id="add-list"></div>
<div id="debug"></div>

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 = {
            "file":null,
            "limit":10
        };

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

        return this.each(function () {

            $(this).keyup(function () {
                $.ajax({
                    type: "POST",
                    url: 'http://labo.openwab.com/cp/index.php',
                    data: {
                        cp: $(this).val(),
                        limit:
                    }
                }).done(function (html) {
                    $("#debug").append(html);
                });
            });
        });
    };
})(jQuery);

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