CODEWITHSUNDEEP
jqueryjquery-uijquery-slider
Trajektorijus
Trajektorijus

Reputation: 153

Multiple jQuery sliders with master one which is controlled by them and can control latter as well

First of all sorry for my poor english AND jQuery.

So what i am trying to do? Here is what i am imagining:

Master

------------------------------------||---------------------------------------

Other                                                       Other2

-------||-----------                                       ----------||----------

Other3                                                       Other4

-------||-----------                                       ----------||----------

Master max value = 1200

Other max value = 100

Other1 max value = 400

Other2 max value = 200

Other3 max value = 500

(all Others sum is 1200)

Moving master slider, all Other sliders values are increasing respectively. Moving each Other slider, Master one increases the same.

What can you recommend for me?

I read those, but there was just a little use:

Combined total for multiple jQuery-UI Sliders

JQuery UI Slider - Combined Max for multiple sliders that also have individual max values

Hope my point was clear.

Can someone help me? JSFiddle would be the best answer...

Update: added JSFiddle: http://jsfiddle.net/trajektorijus/AS8Xk/56/

Good day to all,

Tadas

Upvotes: 3

Views: 1134

Answers (1)

Dean North
Dean North

Reputation: 3780

Is this what you mean?

http://jsfiddle.net/bv8g8/

It updates the master when you change all the other sliders and when you update the master it updates all the others.

Upvotes: 1

Related Questions