Последние пару дней я ковыряю инеты в поисках подходящего скрипта mega menu. Нашёл много разных вариантов, но всё ещё нахожусь в раздумьях о том, какой из них применить к этому сайту...

Однако, по ходу дела открыл для себя кучу полезных jQuery-плагинов. Например, для выпадающего списка, для замены <select>’a (ну типа «скин» для обычного combo-box’a).

Самое лучшее, что я нашёл — SelectMenu от Феликса Нагеля: http://www.felixnagel.com/blog/artikel/2011/10/09/jquery-ui-selectmenu-reloaded/. Лучше наверно не бывает. Там есть всё, включая реагирование на клавиатуру, фокусировка ввода, разные нестандартные варианты списков, иконки в списке, многострочные списки, и ещё куча всего. (Единственное, не знаю, может ли тот список показывать дополнительную информацию, как выбиралка города при заказе тачки на сайте Sixt (http://www.sixt.com/). По исходнику вижу что это тоже какой-то jQuery-плагин, но возможно заточенный дизайнерами сайта Sixt индивидуально.)

Да, так вот, несмотря на то что лучшее SelectMenu в мире — от Феликса (как он сам написал, с ним связался автор jQuery, Jörn, и предложил включить SelectMenu в стандартный пакет визуальных плагинов jQuery), — но мне нужно было что-то попроще. Желательно совсем маленькое и простое. Нашёлся плагин MyDropdown, от какого-то чувасика по имени Пол Чан из Гонконга: http://www.kfsoft.info/MyDropdown/demo.php. Это была дико глюкавый скрипт, но кое-то удалось в нём поправить (правда, в QuirkMode IE (ну типа, если DOCTYPE = HTML) оно всё равно не заработало).

Для большинства простых вещей подойдёт. Уже прикручено на этом сайте в разделе «результатов голосования», для выбора года с рейтингами, по любой номинации конкурса. Например, на http://www.favor.com.ua/vote/services/national-mobile-communications-operator/?results=2011.

Короче, лень описывать что эта этот скрипт делает, проще взглянуть на пример:

 Стандартный список:

 Винница
 Днепропетровск
 Донецк
 Житомир
 Закарпатье
 Запорожье
 Ивано-Франковск
 Киев
 Кировоград
 Крым
 Луганск
 и т.д.

 Список с плагином:

 Винница
 Днепропетровск
 Донецк
 Житомир
 Закарпатье
 Запорожье
 Ивано-Франковск
 Киев
 Кировоград
 Крым
 Луганск
 и т.д.

//

//

или на скриншот:

А сам модифицированный мной скриптец можно скачать из вложения к этой записи (https://favor.com.ua/download/?file=1&article=5929).

Кстати, о моём выборе MegaMenu раскажу ещё на днях. Там могла бы быть обыкновенная CSS-based менюха, без всяких javascript’ов, но нужно таки будет сделать полусекундную задержку перед выпадением меню, при наведении мышкой на пункт. Задержка нужна, потому что случайное выпадение списка при перемещении курсора над меню будет раздражать пользователя.

————————————

Цей документ було скопійовано з FAVOR.com.ua (https://favor.com.ua/blogs/5929.html).
Всі права на матеріал зберігаються за його автором. При перепублікуванні посилання на джерело матеріалу є обов’язковим!
Дата документу: 15 жовтня 2011 р.