Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Для слайдера сделать возможность выбирать диапазон кликом (https://javascript.ru/forum/dom-window/75584-dlya-slajjdera-sdelat-vozmozhnost-vybirat-diapazon-klikom.html)

INSIDER73 22.10.2018 13:54

Для слайдера сделать возможность выбирать диапазон кликом
 
Есть такой вот слайдер http://danielcrisp.github.io/angular-rangeslider/demo

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

Вот js этого слайдера https://github.com/danielcrisp/angul...rangeSlider.js

Нашел только такой кусок кода в котором идет выполнение событий при клике на сами ползунки

function handleMove(index) {

                        var $handle = handles[index];

                        // on mousedown / touchstart
                        $handle.bind(onEvent + 'X', function(event) {

                            var handleDownClass = (index === 0 ? 'ngrs-handle-min' : 'ngrs-handle-max') + '-down',
                                //unbind = $handle.add($document).add('body'),
                                modelValue = (index === 0 ? modelMin() : modelMax()) - scope.min,
                                originalPosition = (modelValue / range) * 100,
                                originalClick = client(event),
                                previousClick = originalClick,
                                previousProposal = false;
.....


Может есть у кого нибудь какие мысли?

j0hnik 22.10.2018 14:40

INSIDER73,
это ведь диапазон, видимо у автора (как и у меня сейчас) возник вопрос!
Если сделать по клику на полосу, какой хвост двигать, правый или левый?

Dilettante_Pro 22.10.2018 14:50

j0hnik,
Левой кнопкой - левый хвост, правой - правый.
А если вертикально?

INSIDER73 22.10.2018 14:55

Цитата:

Сообщение от j0hnik (Сообщение 496806)
INSIDER73,
это ведь диапазон, видимо у автора (как и у меня сейчас) возник вопрос!
Если сделать по клику на полосу, какой хвост двигать, правый или левый?

Цитата:

Сообщение от Dilettante_Pro (Сообщение 496810)
j0hnik,
Левой кнопкой - левый хвост, правой - правый.
А если вертикально?

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


Часовой пояс GMT +3, время: 19:10.