PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Клавиши стрелки для выбора элементов в div

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Rooner	Отправлено: 24 Октября, 2012 - 20:10:26
Посетитель Покинул форум Сообщений всего: 291 Дата рег-ции: Авг. 2010 Помог: 0 раз(а)	Имеется живой поиск ajax+php. Как сделать так, чтобы можно было выбирать элементы списка с помощью клавиш, стрелочек? Т.е. жмем стрелку вниз, выделяется верхний элемент и т.д.

EuGen	Отправлено: 24 Октября, 2012 - 20:13:42
Профессионал Покинул форум Сообщений всего: 9095 Дата рег-ции: Июнь 2007 Откуда: Berlin Помог: 707 раз(а)	http://api[dot]jquery[dot]com/keydown/ ? ----- Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.

Rooner	Отправлено: 25 Октября, 2012 - 11:02:49
Посетитель Покинул форум Сообщений всего: 291 Дата рег-ции: Авг. 2010 Помог: 0 раз(а)	EuGen, ну это понятно, а вот как обработать стрелки, точнее как понять что выделять в выпадающем блоке. Заверстал в виде ul списка: CODE (javascript): скопировать код в буфер обмена // обрабатываем стрелки $('#q').keydown(function(event) { if (event.keyCode == 38) { } if (event.keyCode == 40) { } }); (Добавление) Мб событие hover както эмулировать? Можно конечно извращаться и добавлять класс к элементу, а потом его убирать...

EuGen	Отправлено: 25 Октября, 2012 - 11:15:49
Профессионал Покинул форум Сообщений всего: 9095 Дата рег-ции: Июнь 2007 Откуда: Berlin Помог: 707 раз(а)	Добавлять/убирать класс - вполне нормальное решение. ----- Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.

Rooner	Отправлено: 25 Октября, 2012 - 11:27:19
Посетитель Покинул форум Сообщений всего: 291 Дата рег-ции: Авг. 2010 Помог: 0 раз(а)	EuGen, муторно причем нужно еще учитывать, что например добавил класс, а пользователь навел мышкой на другой эелемент, придется еще и мышь отслеживать... Было бы очень удобно просто эмулировать событие hover. Нажал стрелку вниз - сработало событие hover на первом эелементе и т.д. Это возможно? (Добавление) Вобщем можно ли как-то програмно выполнить событие hover? Есть стилb CODE (html): скопировать код в буфер обмена a { background-color: #d7d7d7; text-decoration:none; } a:hover { background-color:#b7b7b7; color:#ffffff; } Нужно программно применить к ссылке hover. Как будто пользователь навел курсор на ссылку CODE (html): скопировать код в буфер обмена <a href="#">Стекло в кафе</a> Вот так не работет CODE (javascript): скопировать код в буфер обмена $("a").addClass(":hover"); (Отредактировано автором: 25 Октября, 2012 - 11:53:52)

Zuldek	Отправлено: 25 Октября, 2012 - 11:37:49
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	CODE (htmlphp): скопировать код в буфер обмена $("li").hover( function () { $(this).addClass("hover"); }, (Отредактировано автором: 25 Октября, 2012 - 11:39:47)

Rooner	Отправлено: 25 Октября, 2012 - 11:49:50
Посетитель Покинул форум Сообщений всего: 291 Дата рег-ции: Авг. 2010 Помог: 0 раз(а)	Zuldek, не то. Переделал свой предыдущий пост, посмотрите как можно программно применить стиль?

Zuldek	Отправлено: 25 Октября, 2012 - 12:14:30
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	Да вам написали как можно, - вешайте класс на него или изменяйте конкретное css-свойство. Но лучше класс присваивать. Цитата: $("a").addClass(":hover"); И не будет работать, потому что с головой дружить надо. addClass и :hover (Отредактировано автором: 25 Октября, 2012 - 12:16:03)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.