Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Плагин для стилизации checkbox (https://javascript.ru/forum/jquery/18758-plagin-dlya-stilizacii-checkbox.html)

antserg 14.07.2011 10:39

Плагин для стилизации checkbox
 
Подскажите, есть ли плагин на jQuery, который делает углы переключателей чекбокс круглыми. С этой же задачей для текстовых полей отлично справился плагин jQuery Corners.

Вот как хочет человек, для которого я верстаю страницу:


Вот как получилось округлить углы для текстовых полей. Вот если бы получилось так же с checkbox...

Skipp 14.07.2011 10:42

Делайте картинками и не мучайтесь.
Другого нормального решения нет.

sysya 14.07.2011 15:07

есть поисковики типа гугл... а плагинов таких мало на сегодня для jquery, на чистом javascript есть

вот пример найденого http://www.dfc-e.com/metiers/multime...e/jqtransform/

kobezzza 14.07.2011 15:21

ссылка - чекбоксы
ссылка - селекты
ссылка - селекты с multiple
ссылка - текстареа

sysya 14.07.2011 15:48

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

Вам делать выводы... Но может я преувеличиваю проблему, не буду спорить

kobezzza 14.07.2011 16:10

Иногда дизайн требует) А проблему "мерцания" можно вылечить, например через css visible.

sysya 14.07.2011 16:20

и что это css visible?

kobezzza 14.07.2011 16:44

Свойство CSS visibility. При указании параметра hidden объект не видим, но в отличии от display:none занимает своё место в DOM.

Мы можем установить это свойство CSS нашим элементам формы, и тогда пользователи увидят сразу вариант с "дизайном" и при этом не будет никаких "дёрганий" и "мерцаний". А чтобы всё работало у пользователей без JS можно стиль CSS, где ставится visibility подгружать через JS.

Skipp 14.07.2011 16:56

kobezzza, ппц , вы сами то хоть поняли что написали?

kobezzza 14.07.2011 19:02

Вполне. Есть проблема: т.к. элементы форм типа чекбокс и т.д. полноценно и кроссбраузерно не стилизуются всякие "чудо-плаги" их заменяют/перекрывают на псевдоэлементы (т.е. выполненные из блоков и т.д.) и разумеется при рендеренге могут видны "мерцания", т.е. после того, как изначальный элемент формы прогрузился его заменяют и пользователь видит сначала один элемент формы, а затем другой (уже стилизованный). Но если нашему изначальному элементу формы задать свойство visibility: hidden, то при рендеренге страницы он просто не покажется пользователю (но при этом сохранит свою ширину, высоту и позицию, в отличии от display: none), а будет пустое место, которое через некоторое время заполнится конечным элементом формы. Что не понятно?


Часовой пояс GMT +3, время: 05:48.