jQuery Бегунок и Editbox.

Шаблоны, формы, примеры, интересные решения. shop.wysiwygwebbuilder.ru
Закрыто
Аватара пользователя

Автор Темы
Alex
Admin
Admin
Сообщения: 3467
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 12.5
Имя: Алексей
Контактная информация:

jQuery Бегунок и Editbox.

Сообщение Alex » 25 мар 2018, 00:32

Название: jQuery Бегунок и Editbox.
Автор: dlod
Тип: Расширение.
Описание: При изменении положения бегунка значения в Editbox(е) меняются и наоборот, при изменении значения в Editbox(е) бегунок перемещается.
- Поле для вставки ID вашего Editbox(а), который будет связан с бегунком.
- Поле для вставки ID вашего jQuery Бегунка, который будет связан с Editbox.
- Поле для шага, интервала бегунка (шаг может начинаться от 0. – то есть значение может быть: 0.1 -- 0.01 -- и т.д., либо целые числа: 1 -- 2 -- и т.д.).
- Разрешить ввод точки в Editbox - по умолчанию ввод точки запрещён (улучшено).
- Очистить Editbox при клике - очищает содержимое поля Editbox при клике по нему (новое).

1) В Editbox можно ввести только числа.
2) Для бегунка добавлены стили, которые убирают синюю обводку и появляется «рука» вместо стрелки.
3) Для Editbox добавлен стиль, который убирает синюю обводку (новое).
4) Ограничители для максимального и минимального значения, тойсть при вводе в Editbox числа превышающего максимального прописанного в свойстве бегунка - произойдет сброс до этого макс., значения (аналогично и с минимальным значением).
5) Округление числа, например если установлен шаг 10, а пользователь ввёл число 18, тогда произойдет округление до 20.
6) Подключена библиотека jQuery UI Touch Punch для того, чтобы jQuery Бегунок можно было двигать пальцем на смартфонах и планшетах.


Версия программы: Проверялось на работоспособность в 11 и 12 версии WYSIWYG Web Builder.
Доступные исходники: *.WBX и описание txt, pdf
Примечание: В расширении можно настроить только шаг бегунка, все остальные параметры прописываются в свойстве jQuery Бегунка.
Демонстрация
Скачать
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

Реклама
Закрыто

Вернуться в «Web Builder Shop: Онлайн-магазин готовых решений»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость