Page 1 of 1

JQuery slider links to Javascript

Posted: Fri Oct 05, 2018 10:41 am
by IanRob
I appreciate you cannot give advice on specialist code. However, is there any information on how to link the JQuery slider in WebBuilder to Javascript code?

My Javascript programmer does not have experience in JQuery. He is having problems linking to WebBuilders JQuery slider.

The id (Slider1) created for the JQuery slider is for the div, not the slider.
I assumed that it would be possible to connect WebBuilder's Jquery slider with Javascript code using an id of Slider1.slider.
e.g sliderx=document.getElementById("Slider1.slider");
However, that does not seem to work.

Thanks in advance for any help on this

Re: JQuery slider links to Javascript

Posted: Fri Oct 05, 2018 11:16 am
by Pablo
Maybe this information will be helpful?
http://www.wysiwygwebbuilder.com/using_sliders.html

Re: JQuery slider links to Javascript

Posted: Fri Oct 05, 2018 3:11 pm
by IanRob
Thank you Pablo

The .bind used in the color example is depreciated in version 3 of JQuery

Can that cause problems?

Re: JQuery slider links to Javascript

Posted: Fri Oct 05, 2018 3:26 pm
by Pablo
You can can use 'on' instead.

Re: JQuery slider links to Javascript

Posted: Thu Oct 11, 2018 4:55 pm
by IanRob
Hi Pablo

I have looked at the color JQuery slider example that you suggested

The problem is that on that example, although the min and max for the slider are set to 0 and 255, the "value" of the slider only goes from 1 to 254 at each extreme

Is that by design, or a bug?

Is there any way to get over that problem?

Thanks

Re: JQuery slider links to Javascript

Posted: Thu Oct 11, 2018 5:14 pm
by Pablo
It seems to work as expected.

See also the documentation:
http://api.jqueryui.com/slider/