Again, I found the solution. Just in case anyone else is Googling with
this same problem I solved it by setting up the sliders differently...
Finalized code:
$(".slide").each(function(){
var notThis = $(this).attr("id");
$(this).slider({
range: 'min',
slide: function(event, ui){
clearTimeout(runCheck);
runCheck =
setTimeout('updateSlides();$(".slide:not(#'+notThis
+'").slider("disable").slider("enable")',10);
}
});
});
*Added note*
The timeout is merely to reduce lag, without it the function
updateSlides runs constantly when you are sliding and can lag the
sliders, the timeout just makes it so that if you are sliding fast it
waits a bit for you to stop before it renders a change.
On Sep 26, 9:58 pm, "CodingCyb.org" <[email protected]> wrote:
> If I could find a way to have it disable/enable all sliders except
> "this" which would be the one most recently moved that would work,
> though I'm not sure how to select all except the one that activated
> the function.
>
> If I could pull the ID of the slider that was activated I could use
> that to reversely select the others to "reset" but using $(this).attr
> ("id"); doesn't work within the "slide: function(event,ui){...}"
>
> On Sep 26, 8:40 pm, "CodingCyb.org" <[email protected]> wrote:
>
> > As usual solving one problem creates another.
>
> > Due to disabling the sliders, after using the mouse to move the slider
> > it removes the possibility of using the arrow keys to change the value
> > by one.
>
> > So either an alternative way to "reset" the sliders, or a way to "re-
> > focus" the slider handle that was moved is what I'm looking for.
>
> > Any thoughts?
>
> > On Sep 26, 8:10 pm, "CodingCyb.org" <[email protected]> wrote:
>
> > > I found a solution. Just had to disable then enable the sliders to get
> > > the handle to reset to its proper position.
>
> > > On Sep 26, 6:24 pm, "CodingCyb.org" <[email protected]> wrote:
>
> > > > I currently have a set of 4 sliders and the "extra" that total up to a
> > > > specific number.
>
> > > > When one slider is changed it updates the Maxes for all the sliders
> > > > such that each max is the current value plus the "extra". This way the
> > > > extra can never be negative.
>
> > > > Everything works as expected, which is the problem. I need, or would
> > > > like, the handle for the sliders to move to its proper spot for the
> > > > value it has when the new max is set.
>
> > > > IE: Slider 1 is at value 3, 2 is 5, 3 is 2, 4 is 4, and extra is 10.
> > > > Slider 2 is then changed to 13, decreasing the maxes of sliders 1, 3,
> > > > and 4 by 8.
> > > > Slider 1 was at 30% prior, but now should be at 60%.
>
> > > > Anyway to do this?
>
> > > > -CodingCyb.org
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
