input text как в google (вывод вариантов под input`ом)

[yeastor]

input text как в google (вывод вариантов под input`ом)

Идея создать input, чтобы при вводе снизу выдавались варианты как в google при поиске.
У кого какие идеи?

Есть вариант снизу выводить
<input id='q'>
<div id='var'>
<div id='v1'>Вариант1</div>
<div id='v2'>Вариант2</div>
<div id='v3'>Вариант3</div>
</div>

но не могу понять как передать значение в input при нажатии на клавиатуре стрелочки "вниз"

 

[vovanium]

input при нажатии на клавиатуре стрелочки "вниз"

почитай про события клавиатуры, там передается код нажимаемых клавиш

 

[yeastor]

это понятно, но там всё не так легко, сейчас этим занимаюсь... мне интересно как это реализованно в google или mail.ru при вводе email получателя

 

[LeFF®]

как это реализованно в google или mail.ru при вводе email получателя

ajax

 

[Farsh]

набрал значение в input -> сработал onchange -> значение ушло ajax'om на сервер -> происходит поиск типа LIKE 'значение%' -> возвращается обратно клиенту -> если что-то вернулось , обновляется див , тот , что под инпутом; если нет -- он прячется .
Все очень легко, как незнамо что. Тем более с клиентскии фреймворками это делается в 10ок строк .

 

[FB3]

В google срабатывает onkeyup скорей всего. И он запускает таймер с определенным временем. Если еще раз срабатывает onkeyup, то таймер обнуляется. Если время таймера успело выйти, тогда только делается запрос на сервер.