[srmarkParticipant]

Hi Dimitar,
Thanks for the solution, but I just found that when using the rangeSlider with two values, it does not work, here is what I tried: fiddle

When starting to drag the thumbs, it once gives an object instead of only one value.

Roland

[srmarkParticipant]

Hi Dimitar,
The input fields I have are in a big system, which is a HTML and flowchart editor UI, where I iterate over all tags through a class I gave to them when the system loads, and initialise them to be actual sliders, but at that point those sliders are hidden, and dont know any value to give to them. When I open the part of the UI where I use the sliders, I can select elements on the edited HTML page, read out their actual values from added HTML5 data attributes, and depending on the value, I set the range of the slider to fit the value, either 5-60, or 5-600.

With the array I meant that I would like only one thumb on the slider, and when I drag it, it can get predefined numbers, for example 5, 10, 20, 50, 100, 200, 300, 600, and only these, so the slider would have only 8 steps, and the difference between each step would be different.

Thanks for your replies,
Roland

[srmarkParticipant]

Edit to my previous post:
At one slider in my code I cannot just use the val() function, because I wanted to create a slider to be able to pick from a big range, but still accurately at the low values. I mean the range would be from 5 to 600, but the slider has a limited width, so when dragging the thump you would not be able to pick 8 or 10 because the next value from 5 would be bigger than those. So I set up the slider according to the value, I it’s below 60 the slider range goes from 5 to 60, otherwise up to 600. So in my case I have to use a code similar to this, but here the events fire twice too, once for setting the max range, and once for setting the value, as I experienced.

An option to set the slider to a non-linear range, such as giving an array to it with predefined values would be nice, but I didn’t find anything like it in the api reference.

[srmarkParticipant]

Hi Dimitar,
I fixed things at other parts of my code that caused additional event calls, but some still remains, that I can also solve with a workaround. In this fiddle the events fire twice per slider.

When I first initialise the sliders without value, then add the onchange events, then I call the initialiser again with the value I want to load into the sliders then the onchange will fire 2 times per slider from the last initialiser calls, and my solution to this was to use only the jquery val() function on the sliders once they were initialised to set their values.

[Author]

Posts