Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Нажатие enter на li

Автор: softrix 6.7.2010, 12:58

Есть такой код

Код


<ul>
<li id="one">one</li>
<li id="two">two</li>
<li id="three">three</li>
</ul>

Нужно по нажатию клавиши стрелка вниз, подсветить первый элемент списка, затем второй и т.д. и если пользователь нажал enter то совершить определенное действие (к примеру по ссылке перейти).

Автор: CruorVult 6.7.2010, 13:13

Код


<select size="3" multiple name="select">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>

не катит?

Автор: softrix 6.7.2010, 14:21

Цитата(CruorVult @ 6.7.2010, 13:13)

Код


<select size="3" multiple name="select">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>

не катит?

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

Автор: skyboy 6.7.2010, 14:37

выделенный пункт определяешь путем добавления класса:

Код


<ul class="suggest">
<li>first</li>
<li class="active">second</li>
<li>third</li>
</ul>

в обработчике keyup для document определяешь: если список подсказок отображается, то в соответствии с нажатой стрелкой либо надо искать следующий элемент и выделять его, либо предыдущий.
при клике мышкой по элементу опять же выделяешь его и снимаешь выделение с остальных.

Добавлено через 53 секунды
а вообще, можно http://www.google.com.ua/search?q=javascript+suggestion&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a

Автор: softrix 6.7.2010, 15:10

Цитата(skyboy @ 6.7.2010, 14:37)

Добавлено @ 14:38
а вообще, можно http://www.google.com.ua/search?q=javascript+suggestion&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a

А можно по подробнее, что это javascript suggestion, а то в гуугле одни форумы на английском, и вроде не в тему ?

Автор: skyboy 6.7.2010, 15:16

suggestion - "подсказки" - довольно распространенное название механизма, "как у google". естественно, когда ищешь, лучше использовать распространенное название, а не "список как у google".
javascript - язык программирования, который, очевидно, придется использовать, чтоб реализовать в браузере динамические изменения: выбор, подсветка, подстановка в поле ввода выбранного значения.

Цитата(softrix @ 6.7.2010, 14:10

)

и вроде не в тему ?

ну, как знаешь.