alizar Jul 25 2011 at 19:36

Chosen: сделай выпадающие списки более дружественными

1 min

54K

JavaScript*

+236

Comments 57

Radik_Wind Jul 25 2011 at 19:45

Однозначно в закладки. Спасибо!

+10

ArtemSmirnov Jul 25 2011 at 19:51

Не поймите меня не правильно, но получается что теперь на хабре деляться плагинами для jQuery вместо того чтобы писать технические статьи, или «программистов» на jqeury нынче так много что выкладывать плагины популярно?

Rihtor Jul 25 2011 at 23:56

Тем более на мобильных устройствах этим пользоваться невозможно! Ни iPhone, ни iPad, и, думаю андроид, так как там тоже webkit, не могут листать эти списки. Короче говоря не используйте что-то просто ради того что бы использовать!

l2k Jul 26 2011 at 03:58

коммент ниже

mreugene Jul 26 2011 at 11:09

Специально проверил на планшете (дроид 3.1) — все работает.

Rihtor Jul 27 2011 at 11:45

Значит это косяк iOS. В любом случае я бы такое не стал использовать не протестировав на мобильных девайсах.
Точнее все работает, кроме ручной прокрутки.

l2k Jul 26 2011 at 03:57

Но самое страшное и важное, чего не хватает в таких select плугинах — это управления с клавиатуры!

o_0 Jul 26 2011 at 04:18

Ну в этом плагине вообще-то есть оно, управление с клавиатуры. И работает вроде как даже лучше нативного варианта.

yopopt Jul 25 2011 at 19:53

В демо я вижу как и стандартных контролах один недостаток. Нет возможности очистить поле не добавляя пункт «не выбрано».

alexsrdk Jul 25 2011 at 21:01

А мне обычно не хватает возможностей input-select.
Вот что придумалось, глядя на демо:

SowingSadness Jul 25 2011 at 21:24

Попробуйте это:
в демо 3 элемент сверху

буду рад всякому фидбеку

alexsrdk Jul 25 2011 at 21:46

В этом и есть суть input-select'a, но не совсем очевидно добавление нового элемента (по крайней мере для меня). Ну и мультиселект отпадает в такой реализации.

Если набрать что-то и не нажать Enter, вернется то что было выбрано до этого (хотя может так и задумано).

serf Jul 25 2011 at 21:51

Реализовал демку, с кнопкой «Добавить». В jQuery версии невозможно добраться до основного класса Chosen, надо патчить либу, в Prototype версии класс лежит в window — проблем с расширением нет.
скрин habrastorage.org/storage1/1323aad6/a9f967f1/3c634b64/f03c19a8.jpg

serf Jul 25 2011 at 21:59

если нужно могу небольшой пост сделать, с исходниками

rma4ok Jul 25 2011 at 23:48

Пожалуйста. Лишним не будет

serf Jul 25 2011 at 23:54

Статья готова, карма не позволяет публиковать (

serf Jul 26 2011 at 11:01

Благодарю всех за поддержку, еще немного осталось и смогу публиковать

serf Jul 26 2011 at 16:07

Статья опубликована

Claud Jul 25 2011 at 20:24

Multiple Select не удобный. Нельзя открыть список и выбрать сразу несколько элементов (по Ctrl).

alexsrdk Jul 25 2011 at 20:47

Замечание очень ценное!
Но это ведь не проблема. При желании не так сложно «допилить» и Ctrl, и даже Shift, если пригодится.

MarcusAurelius Jul 25 2011 at 20:44

Контрол нужный, гораздо лучше чем аналогичный Autocomplete из jQuery UI, а вот есть ли возможность в нем не весь список сразу задавать, а подгружать через JSON с сервера? Без нее смысла нет в контроле мало, а в демках нет, может кто изучил вопрос?

negodnik Jul 25 2011 at 20:51

А топик-то в блоге AJAX. Ай-нанэ.

MarcusAurelius Jul 25 2011 at 21:03

Че он делает в «AJAX» я тоже не понял, скачал исходники, ни намека на AJAX нет, хотя JSON для подгрузки вариантов экономнее был бы.

negodnik Jul 25 2011 at 21:06

Согласен, особенно со странами.

А вообще это прикольно, люди часто путают AJAX и jQuery: «ну сделать сворачивание, чтобы по ссылке таблица появлялась, ну на этом, как его, на аяксе! как, вы что не знаете аякса?»

alexsrdk Jul 25 2011 at 21:15

Сначала тоже удивился почему тут Ajax не используется.
Но все встает на свои места^* если еще раз посмотреть на назначение данного плагина — ненавязчивая замена стандартных выпадающих списков.

^* Кроме выбранного блога конечно.

negodnik Jul 25 2011 at 20:45

«Меню»?

UFO just landed and posted this here

Valachi Jul 25 2011 at 21:26

Надо бы доработать чуток =)

Stepler Jul 25 2011 at 21:30

Интересно, а автопоиск строки происходит адекватно, если данные на кирилице? Автор статьи или кто-нить тестировал уже этот вопрос?

xaker1 Jul 26 2011 at 00:29

Вполне адекватно.

utk Jul 25 2011 at 21:43

Очень удачная реализация с токи зрения удобства интерфейса. Спасибо!

UFO just landed and posted this here

CKOPOBAPKuH Jul 25 2011 at 21:52

первый полезный пост ализара, ну надо же. ПОЗДРАВЛЯЮ ВАС, АЛИЗАР! ТЕПЕРЬ И ВЫ ПРИНОСИТЕ ПОЛЬЗУ ОБЩЕСТВУ!

-10

zhylin Jul 26 2011 at 13:14

Чего вы так? У Ализара есть хорошие посты, те же переводы, например.

CKOPOBAPKuH Jul 26 2011 at 15:16

я не могу не отдать должное трудолюбию Ализара, поскольку представляю, сколько сил требует хороший качественный перевод, не говоря уже о поиске самих статей.
но мне кажется, что эту энергию можно было бы использовать с большей пользой, а сами статьи писать чуть реже, но чуть более тщательно.

UFO just landed and posted this here

Evengard Jul 25 2011 at 23:12

Проскакивал на хабре обзор на эту тему — кстати вот он — habrahabr.ru/company/aiken/blog/114927/
По-моему этот лучший. Спасибо человеку!

UFO just landed and posted this here

Mixailo Jul 25 2011 at 23:36

Столкнулся тут недавно с плагином, который рисует красивые checkbox-ы… Что бы вы думали? Он не перерисовывает их, когда им присваивается значение checked!

dreamhelg Jul 26 2011 at 13:17

что за плагин, если не секрет?

dfuse Jul 25 2011 at 23:36

А его можно развернуть и держать в развернутом состоянии? Несколько пунктов подряд чтобы выбрать больно много кликов надо.

VasilioRuzanni Jul 26 2011 at 00:09

Очень клевая штука. Но несколько странно использование атрибута title для текста по-умолчанию. Я бы заюзал placeholder, или если его нет у элемента select (лень проверять), то data-placeholder.

z6Dabrata Jul 26 2011 at 00:40

Отлично,
Page up / Page Down не обрабатывает в списке

powerman Jul 26 2011 at 02:08

All modern browsers are support (Firefox, Chrome, Safari and IE9).

А что, Opera уже не modern browser?

Davert Jul 26 2011 at 13:35

Вот непонятно, что там такого используется, что Опера не поддерживает.

ArtRoman Jul 26 2011 at 15:41

Всё вроде работает как надо. Обидно, что Оперу не считают современным браузером.

hazg Jul 26 2011 at 02:41

спасиб

Wott Jul 26 2011 at 05:05

В опере клавиши глючат слегка, а так прикольно.

cream_brule Jul 26 2011 at 09:23

супер, это реально красивая штука и очень удобная

UFO just landed and posted this here

sas1024 Jul 26 2011 at 11:04

Отличная реализация! Единственное чего не хватает для полного счастья — различные Event'ы. Мне вот например очень нужно событие hover, чтобы при наведении курсора мышки на элемент выпадающего меню где-то рядом я мог бы отобразить подсказку по этому элементу меню.