Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   ВЫПАДАЮЩИЙ СПИСОК (https://javascript.ru/forum/events/2477-vypadayushhijj-spisok.html)

ni_09 02.01.2009 01:08

ВЫПАДАЮЩИЙ СПИСОК
 
Добрый день.
прошу помочь с одной темкой, с js знаком не особо сильно по этому и интересуюсь
Нужно сделать такую вешь:
input - в него вводишь слово, а тебе открывается блок сос писком слов из Базы начинающихся на введенные символы (как в гугле и щас на яндексе и на мейле тоже есть)
Сам список то я реализовал,проблема в то, как при нажатии на стрелочку на клавиатуре переместить курсор на ссылки с подходящими словами..???

Мешок 11.01.2009 20:02

<div id="spisok">
<div id="opt1"></div>
<div id="opt2"></div>
...
<div id="optn"></div>
</div>


По onkeyup отслежуешь нажата ли клавиша перемещения стрелок, и увеличиваешь/уменьшаешь цифру.

Стилями можно выделять нужный див и запоминать его ИД, чтоб потом текс этого ДИВа вставить в поле.

ni_09 11.01.2009 23:33

примерно так все и реализовал.
Но упорно все это не хотело работать в FF
в итоге передал выпадающий список на multiple,и в принцепе все круто, но вот с чем не смог справится, так это с оперой,когда набирашь текст выпадает список - жмешь стрелку вниз а тебе список автозаполнения браузера и в FF тоже самое,в принципе не так и фатально, т.е. переход на спиок осуществляется но както не то всеравно...

pihto 15.10.2009 17:23

подскажите как реализовали выпадающий список
 
сделал как здесь описано http://www.it-web.ru/2009/03/12/auto...-input-form-1/.

Но мне не нравиться, что этот список при отображении смещает все элементы на странице.

Подскажите как сделать, чтобы список был поверх элементов страницы.
Как вы сделали свой список?

Спасибо.

Мешок 15.10.2009 18:07

position:absolute; может не добавил?

jox1e 20.10.2009 11:27

Цитата:

Сообщение от ni_09
жмешь стрелку вниз а тебе список автозаполнения браузера и в FF тоже самое

совсем недавно сам столкнулся с подобным, возможно атрибут autocomplete="off" поможет


Часовой пояс GMT +3, время: 00:28.