jQuery Form Styler - плагин для стилизации селектов, чекбоксов, радиокнопок, файловых и числовых полей
Данный плагин позволяет стилизовать с помощью CSS следующие HTML-элементы: флажок <input type="checkbox">; переключатель <input type="radio">; поле для выбора файла <input type="file">. поле для ввода чисел <input type="number">. раскрывающийся список <select>; Демонстрация работы плагина Живые примеры можно посмотреть на отдельной странице. Стоит заметить, что при ...
Комментарии (2 614)
Добрый день!
В вашем плагинереализовано : “Показываем, что селект изменен, используя класс .changed (появляется зеленая обводка)”.
А можно сделать наоборот?
Чтобы сразу была обводка, а при выборе селекта — она пропадала.
Спасибо за помощь.
Элементарно же:
Да, действительно элементарно.. Усталость сказывается.
Спасибо. Все работает.
$(‘.file-clear’).live(‘click’, function(){
var myfile = $(this).parents(‘.jq-file’).find(‘input:file’);
$(myfile).replaceWith($(myfile).clone(true));
$(myfile).val(“”);
$(this).remove();
$(‘input, select’).trigger(‘refresh’);
return false;
});
Использую такую функцию для очистки определенного input:file, но после очистки в .jq-file__name не очищается имя файла, а при повторном выборе файла из него пропадает всяческий текст вообще. Хотя console.log говорит, что input:file успешно очищен.
По-моему, мудрите. Лучше вообще удалить этот инпут, и на его месте создать новый.
Как задать ширину 100% для одиночного селекта?
Пишет:
И css и js пробовал, не получается(
Теперь 490px, а должно быть 266px (сколько текста – такая и ширина)
А желательно вообще убрать.
Оно отображает как надо, если width убрать из:
Время 02:38 Спустя 9 часов 41 минуту я нашёл как сделать ширину селекта 100%:
Эх, ie6 не поддерживается…
Прошли уже те времена, когда о нем приходилось беспокоиться.
Как по мне, так нет смысла оптимизировать сайт под IE. Им всё равно никто не пользуется.
сделал единую стилизацию ie6, ie7, ie8, ie9, firefox, opera, chrome, safari, yandex
следующих элементов:
input type checkbox
input type file
input type radio
textarea
input type text
input type password
input type url
input type email
input type search
input type submit
input type button
button
как сделаю select (если сделаю) – могу показать творение )
Как сделать что бы список селекта сразу отображался, а при достижении определённого количества появлялась полоса прокрутки?
В стандартном достаточно было изменить size=”1″ на size=”10″, а здесь такое не проходит(
Добавьте атрибут
multiple
.Событие onclick для checkbox не выполняется?
уже разобрался onChange
Спс, а полосу прокрутки нельзя изменить?
Только сторонним плагином, если получится.
А как сделать, что бы при загрузке страницы сразу загружались стили Вашего плагина? У меня на сначало стандартные select’ы отображаются (где-то секунда)
Сразу невозможно, т.к. уходит время на запуск плагина.
Почему данные из формы приходят пустые? Однако со стандартных селектов все приходит.
У всех так или у меня одного?
у меня где-то косяк с формой
Видимо, что-то неправильно делаете. Все должно работать.
у меня форма была помещена внутри , но тег забыл закрыть… а скрипт видимо не докускает такие косяки html. Сейчас все нормально работает!
Спасибо отдельное за скрипт! Сколько перепробовал различных плагинов, да везде что-то не устраивало, а тут вообще идеал, да еще чекбосы с радикопками настроены – все в одном флаконе!! Супер!
поставил плагин в магазин для стилизации чекбоксов вывода фильтров.
все работает.
но перестает работать выпадающее меню
то есть конфликт кверри видимо. как поправить?
как его отловить. плагин вроде как независимо должен работать
спасибо
Этой информации недостаточно, чтобы можно было чем-то помочь.
помогла вставка в первую строку jQuery.noConflict();
jQuery.noConflict();
(function($) {
$(function() {
$(‘input, select’).styler();
})
})(jQuery)
здесь о конфликтах.будет полезно
http://jquery.page2page.ru/index.php5/Предупреждение_конфликтов
Спасибо большое! Очень полезный плагин. Главное преймущество в том, что даже при отключенном js у пользователя, будут появляться обычные стандартные елементы формы. В то время как другие плагины используют списки(для стилизации select’ов) или div’ы.
Можно ли что-нибудь сделать, чтобы не зависал сайт при refresh селектов? У меня по нажатию на кнопку происходит refresh сразу 4 селектов и заметно тормозит сайт на 2 секунды… если 1 селект, то не так заметно. С input такой проблемы нет…
К сожалению, не знаю.
Здравствуйте, мне очень понравился ваш плагин, но есть одна проблема, если какое то поле в форме не заполнено + у поля стоит, что оно обязательно для заполнения, при нажатии кнопки отправить, стили у поля выбрать файл и select исчезают, вы не могли бы подсказать как это исправить? сама форма .mobpom.ru/napisat-zhalobu/. админка WordPress, плагин форм Gravity Forms. Заранее очень благодарен за вашу помощь.
Где-то в ваших скриптах нужно еще раз запускать .styler() после нажатия кнопки отправки, когда выдаются ошибки.
Добрый день.
Во-первых, спасибо за плагин, очень часто бывает нужным. Во-вторых, проблема:
плагин используется для селекта в форме, которая загружается при помощи fancybox-а. На пк и андроиде все ок, на айпаде (во всех браузерах) выпадающий список не видно. С z-index игралась, не помогло. В чем еще может быть проблема?
На айпаде выпадающий список селекта не отображается. Вместо него должен открываться нативный список операционной системы.
Автор, спасибо большое за плагин! Это отличная работа! С помощью него я смог сверстать достаточно сложный select по макету, и я уверен , что буду использовать еще не раз ;-)
Пожалуйста! Очень рад =)
Как же я намучался с горе-верстальщиками, сующими в верстку непонятные библиотеки, с которыми мучатся приходить. Намучился со стилизованными селектами. Хотел свою библиотечку уж писать. А тут на эту наткнулся. Спасибо тебе, добрый человек. Хорошая, и, главное, поддерживаемая до сих по библиотека.
Пожалуйста! Рад, что мои труды приносят пользу другим.
Подскажите, пожалуйста, как сделать так, чтобы список стилизованного селекта (select) открывался строго вверх и только вверх? Заранее благодарю.
Такой возможности нет.
а есть какая-то возможность добавить еще и автокомплит для селекта?
Что за автокомплит?
Этот плагин при Ajax дублирует оберточные дивы селекта, а старый selectbox нормально работает только в Firefox почему-то срабатывает Ajax со второго раза