Как сделать ползунок?

Question

[Ghena_29]

Всем доброго дня.
Нужна помощь в реализации вот такого ползунка:


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

пытался использовать Slider | jQuery UI, вроде все нормально, но не получается суммы над ползунками поставить, что бы фиксированными были.

Может кто сталкивался с таким, буду благодарен за помощь. Спасибо!

Answer 1

[sergey]

используйте ion.RangeSlider для этих целей

посмотреть можно реализацию у меня на проекте: project в подборе товаров кликаем по Цена

Comments

[Ghena_29]

нужно что бы данные в интупы выводились и их можно было там редактировать.
а у вас там дивы, но все равно спасибо)

[Сергей delphinpro]

Ghena_29, у предложенного плагина хороший api. вы можете как читать из ползунка значения по событию (и записывать его в инпут), так и устанавливать его (читая из инпута). Такое двустороннее связывание.

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