jQuery Autocomplete: автозаполнение

При сколько-либо значительной базе ответов это автозаполнение основательно нагружает компьютер на котором бегает база данных. Некоторые ухищрения конечно помогают - если все заранее индексировать и держать отдельно табличку в которой все будет разложено по полочкам. Для магазинов например таскать из каталога названия, самое то. А вот организовывать поиск по сайту так уже сложнее. В остальном выглядит привлекательно.

наверно нужно тогда вести отдельную таблицу с поисковыми запросами, и выдавать самые частые

что с вашим русским?

эксемплы... хидеры...

Неужели нельзя написать "примеры" или "заголовки"?

Говорите, пожайлуста, по-русски.

Это удобно,когда пользователю надо заполнить город проживания,например.И грузить особо не будет

Интересно, а кто-нить изучался, действительно ли пользователи часто эти используют? В Русской Википедии тоже кстати добавили :).

Для ввода тегов :)

Вообще я делал по этому мануалу. Лично мне понравилось и, что самое главное, — показалось полезным.

Ситауция такова. Есть сайт журнала, связанного с электроникой. На сайте 30 рубрик. Для каждой из рубрик свои ключевые слова. По 10–15 слов на рубрику. Таким образом выходит около 400 слов.

Они хранятся отдельно в таблице. Плюс к этим ключевикам добавляются новые поисковые запросы от пользователей при задействовании поиска. Таким образом в таблице хранятся самые популярные слова, которые высвечиваются в момент ввода запроса.

все помешались на этом jQuery

хмм, в свое время писал такое, но вроде код покомпактнее выходил (несколько десятков строк на jQuery, ибо много событий отслеживать нужно), да и iframe там ни к чему — все можно через div'ы делать...

выходило как-то так:

/* function to add keyword drop-down lists */

        var keyfunc = function(){

/* set autocomplete to off */

            $(this).attr("autocomplete","off");

            var id=$(this).attr("id"),idd="div"+id,arr=eval(id.substr(0,4)),c='';



/* show list of possible key words */

            var showKeyWords = function(){

...

            }

...

            $(this).keydown(function(event){

                var a=$(this).val(),e=event.keyCode;

                if (a&&a.length>1&&e!=191&&e!=32&&e!=13) {

                    switch (e) {

                        case 40:

                            if (keyWordStarted) {

                                b=$("#"+idd+" a:eq("+(keyWordRem+1)+")");

                                $("#"+idd+" a").attr("class","");

/* select choosen key word */

                                if (b.attr("title")) {

                                    b.attr("class","sel");

                                    addKeyWord(id,arr[b.attr("rel")]);

                                    keyWordRem++;

                                } else {

/* round-robin */

                                    if (keyWordRem == keyWordTotal) {

                                        keyWordRem=0;

                                        b=$("#"+idd+" a:eq(0)");

                                        b.attr("class","sel");

                                        addKeyWord(id,arr[b.attr("rel")]);

                                    } else {

/* restore key word */

                                        $(this).val(keyWordStored);

                                        keyWordRem++;

                                    }

                                }

                            }

                            break;

                        case 38:

                            if (keyWordStarted) {

                                b=$("#"+idd+" a:eq("+(keyWordRem-1)+")");

                                $("#"+idd+" a").attr("class","");

/* select choosen key word */

                                if (b.attr("title")) {

                                    b.attr("class","sel");

                                    addKeyWord(id,arr[b.attr("rel")]);

                                    keyWordRem--;

                                } else {

/* round-robin */

                                    if (keyWordRem == -1) {

                                        keyWordRem=keyWordTotal-1;

                                        b=$("#"+idd+" a:eq("+keyWordRem+")");

                                        b.attr("class","sel");

                                        addKeyWord(id,arr[b.attr("rel")]);

                                    } else {

/* restore key word */

                                        $(this).val(keyWordStored);

                                        keyWordRem--;

                                    }

                                }

                            }

                            break;

                        case 8:

                            c=a.replace(/.*,\s/,"").replace(/.$/,"");

                            showKeyWords();

                            break;

                    }

                } else {

                    $("#"+idd).hide();

                    keyWordRem=-1;

                }

            });

/* store key word */

            $(this).keyup(function(event){

...

            });

/* 'clean' key word, break arrows pressing for input string horizontal run */

            $(this).keypress(function(event){

...

            });

/* clean input */

            $(this).focus(function(){

...

            });

/* disable submit if user press 'enter' on auto-fill form */

            $("#"+idd).parent().parent().parent().submit(function(){

...

            });

        };

...

/* keyword auto-fill logic */

        $("input.keyword").each(keyfunc);

        $("a.remkey").click(keyremfunc);

Отлично! Спасибо за статью!

Да, читая тут всякие комменты (отрицательные в основном) по поводу Гугла не понимаю, что людей может не устраивать. Например запомнить все фамилии тех или иных людей - дудки, а если они в выпадающем окне - самолёт красота. Так что - ПАСИБА от всего сердца!

http://www.dyve.net/jquery/?autocomplete Вот такой плагинчик есть. Кто-нить дайте кармы чуть-чуть, хочу по GWT обсуждение завести.

таких плагинов не счесть :)
вот, к примеру, мой самописный: http://code.google.com/p/jqac/

С Оперой 10 плагинчик подглючивает: не дает ввести скобочки() и воскл. знак! — это как минимум.
Ну и чтобы отсабмиттить форму после выбора элемента из списка нужно либо дважды щелкнуть по кнопке submit либо enter — но опять же два раза…

Вынудило искать альтернативы.

ищу планиг автозаполнения для своего блога — хочу «удобно» вводить теги :)
как в ЖЖ.
эта штука только одно слово «автодополняет», или несколько?