jQuery Бегунок и Editbox (бесплатное расширение)


Это расширение позволяет связать jQuery Бегунок и Editbox, то есть при изменении
значения в Editbox(е) ползунок перемещается и наоборот при изменении положения
ползунка значение в Editbox(е) изменяется.
Демо-пример бесплатного расширения «jQuery Бегунок и Editbox»
Настройки расширения:
Editbox ID
Вставьте здесь id вашего эдитбокса, который будет связан с ползунком!
jQuery Бегунк ID
Вставьте здесь id вашего ползунка, который будет связан с эдитбоксом!
Шаг, интервал бегунка
Установка шага, который может начинаться с дробного или с целого числа!
Разрешить ввод точки
По умолчанию ввод точки в Editbox запрещён (разрешите, если дробный шаг).
Очистить Editbox при клике
Разрешить / запретить очищать содержимое поля Editbox при клике по нему!
Интеграция в калькулятор
Привязать к стандартному калькулятору WYSIWYG Web Builder 12.
Дополнительно (изменить нельзя):
1) В Editbox можно ввести только числа и точку, если её разрешить.

2) Для jQuery Бегунка и Editbox добавлены стили, которые убирают синюю обводку и у бегунка появляется «рука» вместо стрелки.

3) Ограничители для максимального и минимального значения. При вводе в Editbox числа превышающего максимального прописанного в свойстве бегунка - произойдет сброс до этого макс., значения (аналогично и с минимальным).

4) Округление числа, например если установлен шаг 5, а пользователь ввёл число 14, тогда произойдет округление до 15.

5) Подключена библиотека jQuery UI Touch Punch для того, чтобы jQuery Бегунок можно было двигать пальцем на смартфоне и планшете.
Скачать расширение «jQuery Бегунок и Editbox»