VPF::Нажатие enter на li - Форум программистов

softrix

Дата 6.7.2010, 12:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 9.1.2008

Репутация: нет
Всего: нет

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

Код


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

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

CruorVult

Дата 6.7.2010, 13:13 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 9.1.2008

Репутация: нет
Всего: нет

Цитата(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 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260

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

Код


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

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

Добавлено через 53 секунды
а вообще, можно не изобретать велосипед

softrix

Дата 6.7.2010, 15:10 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 9.1.2008

Репутация: нет
Всего: нет

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

Добавлено @ 14:38
а вообще, можно не изобретать велосипед

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

skyboy

Дата 6.7.2010, 15:16 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260

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

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

)

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

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »