Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Несколько связанных между собой слайдеров jQuery UI (https://javascript.ru/forum/dom-window/43912-neskolko-svyazannykh-mezhdu-sobojj-slajjderov-jquery-ui.html)

VBeregovoy 26.12.2013 11:45

Несколько связанных между собой слайдеров jQuery UI
 
Доброе утро. Долго пытался найти в инете, да видимо неправильно гуглил. Не знаю как это называется. В общем у меня есть форма.
Мне нужно в ней сделать к примеру 3 слайдера. Которые были бы связаны между собой. К примеру у меня есть 60 очков, которые с помощью слайдеров мне нужно распределить. Пример такого слайдера - ниже. Вот мне нужно что-то подобное, с отображением напротив каждого слайдера - значение слайдера / слоты. Заранее спасибо

VBeregovoy 26.12.2013 11:54

Вот похожий пример, но немножко не то. Мне нужно впилить это в форму, и там странно показываются лимиты оставшиеся

рони 26.12.2013 11:57

VBeregovoy,
зависимые ползунки

VBeregovoy 26.12.2013 12:05

Спасибо большое, это нечто похожее на то что нужно. Проблема лишь в том что (я не написал выше), у меня из 60 могут быть только 20. например 3 слайдера 3,8,12. Тот пример что я скинул - он почти делает то что нужно. Вопрос лишь в том как это в форму переделать - и там как-то странно показываются слоты. Спасибо

рони 26.12.2013 12:16

Цитата:

Сообщение от VBeregovoy
у меня из 60 могут быть только 20. например 3 слайдера 3,8,12.

непонял
Цитата:

Сообщение от VBeregovoy
Вопрос лишь в том как это в форму переделать

в инпуты формы передавайте набранные значения
Цитата:

Сообщение от VBeregovoy
там как-то странно показываются слоты.

опять непонял )))

VBeregovoy 26.12.2013 12:31

По порядку )
Цитата:

у меня из 60 могут быть только 20. например 3 слайдера 3,8,12.
То есть сумма всех слайдеров не обязательно должна быть равна 60. 60 - это максимум. Я могу расставить слайдеры так чтоб в сумме получилось 30.

Цитата:

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

Цитата:

там как-то странно показываются слоты.
Я имею в виду что слайдер который ты только что таскаешь, с него пропадает количество оставшихся слотов. Было бы неплохо их добавить, но я снова не понимаю как.

И да, я могу все запутать :D

рони 26.12.2013 12:55

Цитата:

Сообщение от VBeregovoy
я не могу понять где именно передается значение

здесь http://jsfiddle.net/yijiang/Y5ZLL/4/ строки 16 и 37 передают значения в span-ы -- также можно в ihput --только вместо .text(value) будет .val(value)
в примере зависимые ползунки
там строки с $("#text"+i).val

Цитата:

Сообщение от VBeregovoy
с него пропадает количество оставшихся слотов. Было бы неплохо их добавить

я опять в догадках ))) про что это.


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