Notification
Master
38 posts
Captivate doesn’t have a slider object built in. See how to insert a web slider and access the values of the slider using some simple JavaScript.
If you have been using Captivate for a while, you’ll know that there is no slider object. There isn’t a way that one can easily be built within Captivate. So, if your project would benefit from having a slider, you have to build it using another tool.
In this video, I’ll show the basics of a web page that has two sliders. These sliders display values by using some JavaScript. Also in this video you will be shown how to insert the HTML5 sliders into Captivate. In order to get the slider values into Captivate, a bit more JavaScript is added within Captivate.
Don’t let code worry you. This video will step through the code in small steps.
The project files can be downloaded here: http://www.pjrules.com/adobe/slider-in_captivate_project.zip
I hope you enjoy learning about sliders.
Cheers
If you have been using Captivate for a while, you’ll know that there is no slider object. There isn’t a way that one can easily be built within Captivate. So, if your project would benefit from having a slider, you have to build it using another tool.
In this video, I’ll show the basics of a web page that has two sliders. These sliders display values by using some JavaScript. Also in this video you will be shown how to insert the HTML5 sliders into Captivate. In order to get the slider values into Captivate, a bit more JavaScript is added within Captivate.
Don’t let code worry you. This video will step through the code in small steps.
The project files can be downloaded here: http://www.pjrules.com/adobe/slider-in_captivate_project.zip
I hope you enjoy learning about sliders.
Cheers
You must be logged in to post a comment.
- Most Recent
- Most Relevant
Hi Phil,
I used your example to make Volume slider. It was quiet esay. But I found some problem.
From slider is used value to set variable cpCmndVolume. But it doesnt work.
I set it like this: window.cpAPIInterface.setVariableValue(“cpCmndVolume”, iFrameSlider.volume);
or I set: window.cpAPIInterface.setVolume(iFrameSlider.volume). It doesnt work too.
If I set it using value, for example 50 it works: window.cpAPIInterface.setVariableValue(“cpCmndVolume”, 50); but it keeps volume on 50% level.
Could you help me? Sholud I change iFrame.value to integer?
The file cannot be used i I get all sorts of warnings like it might be in use or damaged or I don’t have enough space – all of which is not the case. please help – I really need a slider marked with liters to help my young learners calculate how many 500ml cups are in a certain amount of liters.
There is an additional function addAll() in the actual zip file used in captivate, this is different from the one in the example. Correct zip with file attached.
This function updates the values when they change.
Love this Craptivate thing. If possible I wouldn’t use it even if it’s free.
