Html5 slider and Javascript

I have tried to insert a range slider into captivate using an html animation with the code below. I have added Java script function slideFunction() {   }   to the enter slide action, on the slide that the slider is on.

However,  the captivate variable “slider” does not update as it should can you help?

html code and script:

<div class=”slidecontainer”>
<input type=”range” min=”1″ max=”100″ value=”20″ class=”slider” id=”myRange”>
</div>

<body>

<script>

parent.slider = document.getElementById(‘myRange’).value

var slider = document.getElementById(“myRange”);

slider.oninput = function() {
parent.slider = slider.value
parent.slideFunction();
}

</script>

</body>

The post Html5 slider and Javascript appeared first on eLearning.

Read the full story by

Tags:

RELATED READS
Using Text Entry Boxes: Basics Yearly Captivate Subscription Plan
We are updating our Privacy Policy, so please make sure you take a minute to review it. As of May 25, 2018 your continued use of our services will be subject to this new Privacy Policy.
Review Privacy Policy OK