Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Перемещение по списку с помощью стрелок, Перемещение по списку с помощью стрелок 
:(
    Опции темы
Research
Дата 25.1.2013, 16:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Здравствуйте! 
В общем, задача такова: 
есть список подгужаемый с помощью ajax 
Код

<ul> 
 <li> 
 <p>El1</p> 
 </li> 
 <li> 
 <p>El2</p> 
 </li> 
 <li> 
 <p>El3</p> 
 </li> 
</ul>


Так вот, нужно сделать так, чтобы по элементам списка можно было передвигаться с помощью стрелок на клавиатуре. 
Пожалуйста, дайте какое-нибудь простенькое решение. Спасибо всем =)

Это сообщение отредактировал(а) Aliance - 25.1.2013, 16:22
PM MAIL   Вверх
Aliance
Дата 25.1.2013, 16:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



Пишем функцию, в которой будут бинды на keydown. В callback ajax-а ставим вызов этой функции (можно ставить по dom ready).

функция-биндер выглядеть будет примерно так:
Код

function bindMoveKeys() {
    $(document).on('keydown', function(event) {
       if (event.ctrlKey) {
           switch (event.keyCode) {
               case 37: // <----
                   break;
               case 39: // ---->
                   break;
           }
       }
    });
}


Только не понятно, что значит передвигаться? Как это себе представляешь?

Это сообщение отредактировал(а) Aliance - 25.1.2013, 17:03
PM MAIL WWW ICQ Skype   Вверх
Research
Дата 25.1.2013, 16:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



при вводе слова для поиска в google (например), подгружаются совпадающие с этим словом результаты, по ним можно передвигаться стрелками вверх и вниз, далле выбрать нажав enter. нужно присваивать тому элементу списка на котором находишься, класс active например, для того, чтобы он подсвечивался. но как реализовать это - не знаю. 
PM MAIL   Вверх
Research
Дата 25.1.2013, 17:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Никто не знает?
PM MAIL   Вверх
Aliance
Дата 25.1.2013, 17:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.1042 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.