Kudja
@Kudja
Magento developer

Custom form elements?

Доброго времени суток всем.

Поискал на просторах паутины, но ничего толкового так и не нашел…

В общем нужна кастомизация элементов форм таких как checkbox/radio/select

Условия:

Реализация или jQuery или Prototype или просто JS

Корректная работа в современных браузерах

Для старых и мобильных браузеров если не поддерживается, просто выводить стандартный элемент

Возможность работы скрипта со своими навешенными событиями на эти элементы (желательно автоматом, но и с прямым указанием callback тоже сойдет)



Может кто подскажет такое чудо?
  • Вопрос задан
  • 4588 просмотров
Пригласить эксперта
Ответы на вопрос 6
mecommayou
@mecommayou
Посмотри реализацию форм на worldoftanks.ru
Ответ написан
@northicewind
Как я уже писал выше, в Google Closure Library есть Select и работает он довольно хорошо. А так же много чего еще. Кроме того можно посмотреть Qooxdoo и Dojo Toolkit c их Select
Ответ написан
Комментировать
@egorinsk
Что кастомизировать чекбоксы и радио? Там самому код написать будет быстрее, чем разбираться, как прикрутить чужой. А для селектов вроде есть jQuery UI.
Ответ написан
Комментировать
dshster
@dshster
Javascript, Frontend
Кстати, вы не забывайте, что многие эмулированные элементы не поддерживают полностью функционал нативных. Например, тот же select, многие привыкли выбирать элемент так — наводим курсор на свернутый элемент, прижимаем кнопку, элемент разворачивается, не отжимая кнопку перемещаем курсор на нужный пункт, отжимаем кнопку, происходит выбор.

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

Google Closure Library поддерживает такое поведение, jqery ui, jNice, selectboxfactory, и много других — нет. Chosen — лишь частично.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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