Вопросы с меткой [rangeslider]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
30 показов

Зеленый слайдер при введении нового значения в текстовое поле выходит за пределы ползунка rangeSlider

Помогите пожалуйста разобраться с проблемой зеленого ползунка. Когда хочу ввести новое значение в текстовое поле, минимальное или максимальное, я сначала удаляю старое значение, перед тем, как ввести ...
Pavel Bodnar's user avatar
0 голосов
2 ответа
30 показов

Кривое отображение текущего значения range slider-а

Всем привет. Сделал range-slider, и написал код для отображения текущего значения под ползунком. Проблема в том, что блок с текущим значением отображется со смещением. Мне нужно отображение по центру. ...
maksim9933's user avatar
0 голосов
1 ответ
35 показов

Как верно сдвинуть ползунок rangeSlider?

Не могу понять, почему когда пробую сдвинуть ползунок, он сразу перемещается на длину container-marginLeft. Пробовал с clientX, offsetX, но эффект тот же. Еще пробовал вешать eventListener на сам ...
NaN-Simon's user avatar
2 голоса
1 ответ
97 показов

Как сделать так, чтобы ползунки input не наезжали друг на друга на js?

Есть вот такой код, в нем я установил минимальный отступ между ползунками с помощью rangeGap. Все вроде как должно работать, но они продолжают наезжать друг на друга. Возможно кто-то подскажет в чем ...
Vitaliy's user avatar
  • 341
2 голоса
2 ответа
63 показа

Цвет трека input опережает thumb, как исправить на JS?

Вот пример того как background color опережает сам ползунок. Как исправить это, независимо от максимального и минимального предела input, без содания плавного перехода зеленого цвета в белый? ...
Vitaliy's user avatar
  • 341
2 голоса
1 ответ
244 показа

Как сделать чтобы позиция элемента была равна позиции "thumb" input на JS?

Учу JS, сделал range slider, все работает более-менее. Когда ползунок на 50% тогда все ок, но когда значение больше или меньше 50%, то позиция счетчика числа, который появляется сверху, уже не равна ...
Vitaliy's user avatar
  • 341
0 голосов
2 ответа
6k показов

Два бегунка у input с типом range [закрыт]

Есть input с типом range, по умолчанию он имеет один бегунок, как методами jQuery сделать два бегунка? Не предлагайте плагины, нужно именно в ручную сделать.
Viktor's user avatar
  • 21
0 голосов
0 ответов
563 показа

Slider for Bootstrap (ползунок для цен)

В интернет-магазине использую библиотеку Slider for Bootstrap, для вывода ползунка выбора диапазона цены. Диапазон цен может быть от 100 ₽ до 45000000 ₽. Соответственно, если пользователь хочет ...
kiponasdasdux's user avatar
0 голосов
1 ответ
235 показов

Как добавить поле процент в rangeSlider?

Создаю новое поле в rangeSlider но из за не знания "как это сделать" столкнулся с проблемой Вот попытка : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"...
Резидент Казахстана's user avatar
0 голосов
1 ответ
383 показа

Как задать двойную шкалу у range slider?

Нужно сделать вот такой слайдер: Проблема в том, что слайдеру нужно задать две шкалы - в верхней количество (50 - 20 000), в нижней проценты (от 0 до -30%). Ползунок так же должен динамически ...
NeTum's user avatar
  • 1
0 голосов
1 ответ
98 показов

Slider Range ввод в поле

подскажите как обработать ввод в инпуты и чтобы ползунок менял значение $( ".cash #slider-range-max" ).slider({ range: "max", min: 30000, max: 999000, ...
Ssasha's user avatar
  • 139
0 голосов
1 ответ
450 показов

Input range c переключением между заданными точками

Посоветуйте плагин (желательно на чистом js) который позволяет создать ползунок с точками, расположенными на разном расстоянии друг от друга. Вот как на рисунке ниже.
Flap Jack's user avatar
  • 169
2 голоса
1 ответ
338 показов

Ползунок с возможностью ввода значений

Есть обычный ползунок на jQuery Ui .slide(). Но требуется что бы реагировал на ввод данных вручную. Сейчас если вводишь данные в поле то ползунок никак не принимает эти данные. Подскажите пожалуйста ...
Григорий's user avatar
0 голосов
1 ответ
137 показов

Выполнение события при условии if

Всем отличного настроения! Пытаюсь выполнить событие, если value у элемента input=text достигло необходимого значения: $( function() { $( "#slider" ).slider({ value:5000, ...
Андрей Максимов's user avatar
0 голосов
2 ответа
144 показа

Умножение значения слайдера на число jQuery

Отдам все свои драгоценные благодарности в руки тому, кто сможет помочь молодому дизайнеру понять jQuery. Есть слайдер (на Ангуларе), в диапозоне от 1 до 5 (кв.м) он выдает значения с шагом в 0.1. С ...
Payjay's user avatar
  • 35
1 голос
1 ответ
323 показа

Игнорирование mousemove на дочерних элементах

Из интереса попробовал написать range slider, что бы понять, как это должно работать, но столкнулся с проблемой: var slider = document.querySelector('.slider'); var button = document....
user avatar
-1 голос
1 ответ
76 показов

Как окрасить в цвет кусок полосы между двумя бегунками?

Написал свой ranged selector на чистом JS. Подскажите, пожалуйста, как сделать выделение цветом пространства между двух ползунков? Вот код: var sliderElem = document.getElementById('range'); var ...
mayst's user avatar
  • 153
6 голосов
2 ответа
6k показов

Самостоятельно создать ползунок выбора диапазона на чистом JS

Получил требование создать ползунок выбора диапазона (целые числа 10-25), не прибегая к возможностям jquery и сторонних библиотек. Только чистый JS!.. ну и хардкора немного. Вопрос - что лучше - ...
mayst's user avatar
  • 153
0 голосов
1 ответ
379 показов

Калькулятор цен с

С помощью <input type=range> задаем количество товара. Цена единицы товара, перечисленная в массиве tariff[75,70,66,62,58,55] колеблется в зависимости от количества, чем больше товара, тем ...
Sergey Irhin's user avatar
2 голоса
0 ответов
237 показов

Slider range and checkbox

Здравствуйте! Подскажите, пожалуйста, как можно связать динамически слайдер диапазона с чекбоксами? То есть при нажатии на определенный чекбокс отображаем изменения на слайдере и наоборот. <html ...
Yrtymd's user avatar
  • 121
0 голосов
0 ответов
30 показов

RangeSelector изменение шаблона

В UWP есть Microsoft.Toolkit.Uwp.UI.Controls в нем есть RangeSelector, есть ли возможность изменить шаблон этого RangeSelectora?
220VOLT's user avatar
  • 123
0 голосов
1 ответ
424 показа

Input type="range". Значение value всегда равно нулю

Хочу использовать Input type="range" для горизонтальной прокрутки блока. Но в процессе столкнулся с проблемой - всегдf возвращается значение value равное нулю. Подскажите, пожалуйста, что не так? ...
andreyb1990's user avatar
0 голосов
0 ответов
218 показов

Как сделать range slider с ненормированым шагом?

На этой странице есть слайдер расчета стоимости биткоина. https://www.coinmama.com/ru Он сделан с ненормированым шагом. Подскажите, такой шаг можно высчитать по какой то математической формуле? Пока ...
Dmitry  Zaharov's user avatar
2 голоса
1 ответ
153 показа

ionRangeSlider - как обратиться к объекту с параметрами?

Пытаюсь модифицировать слайдер: на странице их пять штук. Задача - чтобы можно было кликнуть в значение над ползунком и задать ручками цифры. Для передачи указанного значения в слайдер есть функция: ...
Andrey Edounov's user avatar