![]() |
Модераторы: Sardar, Aliance |
![]() ![]() ![]() |
|
Research |
|
|||
Новичок Профиль Группа: Участник Сообщений: 3 Регистрация: 25.1.2013 Репутация: нет Всего: нет |
Здравствуйте!
В общем, задача такова: есть список подгужаемый с помощью ajax
Так вот, нужно сделать так, чтобы по элементам списка можно было передвигаться с помощью стрелок на клавиатуре. Пожалуйста, дайте какое-нибудь простенькое решение. Спасибо всем =) Это сообщение отредактировал(а) Aliance - 25.1.2013, 16:22 |
|||
|
||||
Aliance |
|
|||
![]() I ♥ <script> ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 6418 Регистрация: 2.8.2004 Где: spb Репутация: 55 Всего: 137 |
Пишем функцию, в которой будут бинды на keydown. В callback ajax-а ставим вызов этой функции (можно ставить по dom ready).
функция-биндер выглядеть будет примерно так:
Только не понятно, что значит передвигаться? Как это себе представляешь? Это сообщение отредактировал(а) Aliance - 25.1.2013, 17:03 |
|||
|
||||
Research |
|
|||
Новичок Профиль Группа: Участник Сообщений: 3 Регистрация: 25.1.2013 Репутация: нет Всего: нет |
при вводе слова для поиска в google (например), подгружаются совпадающие с этим словом результаты, по ним можно передвигаться стрелками вверх и вниз, далле выбрать нажав enter. нужно присваивать тому элементу списка на котором находишься, класс active например, для того, чтобы он подсвечивался. но как реализовать это - не знаю.
|
|||
|
||||
Research |
|
|||
Новичок Профиль Группа: Участник Сообщений: 3 Регистрация: 25.1.2013 Репутация: нет Всего: нет |
Никто не знает?
|
|||
|
||||
Aliance |
|
|||
![]() I ♥ <script> ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 6418 Регистрация: 2.8.2004 Где: spb Репутация: 55 Всего: 137 |
Там это поведение активируется нажатием клавиши TAB. А дальше просто TAB+(UP/DOWN) добавляют свойству класс active, его контейнер через CSS понимает наличие этого класса и отображает либо скрывает иконку стрелочки. Enter же забиндить так же не проблема.
Вот коротенький пример, далеко не рабочий, но на мысли натолкнет. http://jsfiddle.net/Aliance/TWW7h/ Это сообщение отредактировал(а) Aliance - 25.1.2013, 17:12 |
|||
|
||||
![]() ![]() ![]() |
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию. |
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |