Варианты оформления jQuery UI Slider

Несколько вариантов оформления и добавление различных функций к ползунку диапазонов jQuery UI Slider

Все варианты в данной заметке являются адаптивными, и слайдер не зависит от ширины блока, в котором он находятся.

Читать далее

Ползунок диапазонов jQuery UI Slider

Настройка, события, методы, вывод данных и классы ползунка диапазонов jQuery UI Slider

Плагин jQuery UI Slider делает выбранные элементы ползунками. Существуют различные варианты, такие как несколько рукояток, которые можно перемещать с помощью мыши или клавишами стрелок, и диапазонов.

Читать далее

Слайдер для radio кнопок

jQuery плагин radios-to-slider для создания слайдера из radio кнопок

Если для увеличивающегося значения данных формы используется не текстовое поле или select , а radio кнопки, то для их оформления можно воспользоваться данным плагином radios-to-slide

Читать далее

Динамически изменяющееся поле ввода текста

Простой плагин для jQuery, который изменяет размер текстового поля в зависимости от кол-ва текста.

Данный плагин имеет малый размер (1 кб.) и может использоваться в адаптивном дизайне.

Читать далее

Запрет отправки формы пока не установлен флажок

Очень простой метод запрета отправки формы пока не установлена галочка checkbox

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

Сделать такое можно разными способами, например, проверить на JS заполненные поля, и если не установлен флажок, вывести предупредительное сообщение. Также можно сделать проверку после отправки формы на PHP и проверить уже там, был ли поставлен флажок.

Но есть способ намного проще – просто заблокировать кнопку "отправить" пока не установлена галочка на условиях.

Читать далее

Адаптивная reCAPTCHA

Правильное отображение капчи reCAPTCHA на малых экранах и в узких блоках

Стандартная ширина капчи от Google reCAPTCHA имеет ширину 302 пикселя.

Соответственно, если блок, в котором она находится имеет меньший размер, то его либо раздвинет, либо будет не видно часть капчи.

Лечится это очень простым JS кодом с библиотекой jQuery

Читать далее