May 16, 2019
Adding a range slider to Captivate
Comments
(3)
May 16, 2019
Adding a range slider to Captivate
I have worked in the eLearning industry for over 15 years. I enjoy making tools/applications/web apps do things they were not meant to do. I have launched several tools to help develop better eLearning. CoursePortfolios.com: Explore demos from the world's best eLearning designers and developers. Where the most creative eLearning professionals share demos of their craft. ReviewMyElearning.com :  The is the best way to collect feedback from SMEs, Team Members, Clients, etc. Plus it's all in the cloud. I use my skills to create custom solutions for Web, Mobile, and Desktop. Primarily in the eLearning arena but we provide solutions for many other industries.
Master 17 posts
Followers: 21 people
(3)

Hey all,

I presented this at the 2018 Adobe Conference and thought I would share it here.

I used jQuery UI to add a slider to a course. When learners operate the slider it updates a Captivate variable.

You can view it here: https://gforce.courseportfolios.com/

And here is the code I used:

$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css'));
$.getScript("//code.jquery.com/ui/1.12.1/jquery-ui.js");

setTimeout(function() {
varhandStates= [“Normal”, “one”, “two”, “three”, “four”]
varcustomSlider=$(“#sliderArea”).append(“<div id=’customSlider’style=’z-index: 1000;’></div>”);
$(“#customSlider”).slider({
min:0,
max:4,
range:”min”,
value:0,
slide:function(event, ui) {
window.cpAPIInterface.setVariableValue(“sliderValue”, ui.value)
cp.changeState(“hand”, handStates[ui.value]);
}
});
}, 500)

3 Comments
2019-05-19 07:37:18
2019-05-19 07:37:18

The link is not working. Can you please fix it?

Like
(2)
>
Lieve Weymeis
's comment
2019-07-19 08:28:03
2019-07-19 08:28:03
>
Lieve Weymeis
's comment

Thanks Lieve! CoursePortfolio is still in beta and you found a bug!

I fixed the URL above and will have the team fix the bug soon.

Like
>
James Kingsley
's comment
2019-07-19 09:02:59
2019-07-19 09:02:59
>
James Kingsley
's comment

Bug hunter…. one of my nicknames.

Like
Add Comment