Вертикальное или горизонтальное расположение
Множество опций: формат шкалы, подписи чисел, толщина/высота элементов, кликабельность и т. п.
Поля ввода чисел: отключаемые, синхронизированы со слайдером
Диапазон (от ... до ...) или одно значение (до ...)
Адаптивность (SVG + JS + CSS)
Экономия времени на разработку: 120+ рабочих часов
Слайдер для выбора чисел или их диапахона. Может быть использован в качестве фильтра для таблиц, поля формы, отображения числовых данных и т. п.
Состоит из 1) модуля логики и 2) представления в HTML (рендеринг).
Модуль логики является обособленным и не содержит внешних зависимостей (чистый JavaScript). По этой причине виджет может быть относительно просто адаптирован к любому frontend-фреймворку или простому HTML/JavaScript: надо только портировать на этот фремворк рендеринг в HTML и произвести настройку.
В приведенном демо в качестве HTML-представления (рендеринг) использован Vue.js. Стили реализованы на Stylus: для удобства работы отдельно существует тема оформления.
Полный перечень возможностей и опций приведен в документации.
ДокументацияDemo
Протестируйте работу слайдера. Время выполнения операций указано с точностью до миллисекунды (ограничение безопасности, подробнее на MDN).
В демо приведены только некоторые опции: полный перечень смотрите, пожалуйста, в документации.
Слайдер блокируется, если его границы выходят из поля видимости. Также учитывайте, что интервалы чисел и градаций измеряются в количестве шагов, а шаг есть целое число в пределах шкалы, т. е. каждое значение слайдера делится на шаг без остатка. Эта логика применяется ко всем слайдерам одновременно. Таким образом, интервалы и шаг должны быть правильно сбалансированы.
Купить
70USD
Криптовалюта [ доступные типы ]
Как купить
Кликните кнопку оплаты и следуйте инструкциям. Процесс автоматизирован.
10'000RUB
На счет в российском банке
Как купить
Покупка функционала осуществляется в 3 простых шага:
- Отправьте запрос на интересующий функционал на адрес электронной почты;
- Получите реквизиты для оплаты и оплатите покупку;
- Получите код для скачивания Вашего продукта. Код будет активным в течение ограниченного времени.
Условия
Код функционала передается в точно таком же виде, в котором он использован в демо. Для получения такого же результата необходимо произвести все требуемые настройки и сделать оформление.
Функционал продается "как есть". Пожалуйста, перед приобретением посмотрите демо и документацию, чтобы убедиться, что Вас все устраивает. После получения исходного кода Вы можете модифицировать его на свое усмотрение без ограничений. Ограничения по времени использования также отсутствуют.
Оплата является единоразовой и невозвратной. Настройка осуществляется Вами самостоятельно: консультации не оказываются.
Disclaimer
Программный код предназначен только для применения и использования любым способом. Ограничений на модификации и время использования нет. Перепродажа и передача третьим лицам запрещены.
Программный код продается "как есть" без каких-либо гарантий. Поставщик (продавец) и его контактные лица не несут ответственности за любые последствия использования и применения программного кода. Делая покупку, Вы соглашаетесь на эти условия.
Privacy Policy
Для обработки заказа используется только адрес email покупателя. Дополнительно генерируется индентификатор заказа, а также код для скачивания продукта с указанием соответствующих даты и времени. Данная информация, включая адрес email пользователя, используется только для обработки заказа и не используется каким-либо другим образом. Оператор платежа может попросить дополнительную информацию: как правило, только адрес крипто-кошелька (пожалуйста, обратитесь к его политике конфиденциальности за подробностями).
Данный веб-сайт не использует технологию cookies и не собирает и не хранит прочую информацию о пользователях. Полноценное использование данного веб-сайта не требует регистрации пользователей.
Используя данный веб-сайт, Вы соглашаетесь на эти условия.
