Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать переключение результатов быстрого поиска кнопками вверх - вниз?

Как сделать переключение результатов быстрого поиска кнопками вверх - вниз?


     17.11.2016    Все вопросы » jQuery    1698

вопрос
Здравствуйте, подскажите как сделать переключение результатов быстрого поиска при помощью клавиатуры, то есть стрелками вверх и вниз как в ПС?
Знаю что код стрелок:
38: - стрелка вверх
40: - стрелка вниз
Как это все заставить работать в быстром поиске DLE.
В JS и jquery моих знаний не хватает для реализации данной доработки.
Буду очень вам признателен за помощь.

Ответа пока нет


3 комментария

vitnet
PHP-developer

vitnet - 19 ноября 2016 11:33 -

JS:
$(document).on('keydown', function(e){
	var key = e.which || e.keyCode || 0;
	if( key == 38 || key == 40 ) {
		toggleReverse();
	}
});

function toggleReverse(){
	var list = $('div.list_cont');
	var listItems = list.children('a');
	list.append(listItems.get().reverse());
}

HTML:
<div class="list_cont">
	<a class="list_item" href="#">Text 1</a>
	<a class="list_item" href="#">Text 2</a>
	<a class="list_item" href="#">Text 3</a>
	<a class="list_item" href="#">Text 4</a>
</div>

mx2
Юзер

mx2 - 19 ноября 2016 17:22 -

Что то не работает, я поменял div.list_cont на контейнер #searchsuggestions, но работать не хочет. Нажимаю клавишу вниз, вверх но курсор просто перемещается внутри input.
Возможно эти функции нужно объединить с dle-шными функциями FastSearch и dle_do_search, но как это сделать?

mx2
Юзер

mx2 - 21 ноября 2016 15:45 -

Что, никто не знает как такое можно реализовать?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх