April 29, 2020
Problem Interacting with HTML5 Animation
Comments
(6)
April 29, 2020
Problem Interacting with HTML5 Animation
Newbie 8 posts
Followers: 2 people
(6)

With some help from another post on here (https://elearning.adobe.com/2020/04/can-i-create-a-slider-in-captivate/) I’ve created a slider for use in a course I’m working on.

I finally figured out all the code for the slider, but now I’m not able to interact with the slider when I preview the course (HTML5 in Browser or on my LMS).  The HTML slider works perfectly when I preview it alone in a browser window, but I can’t grab it once I put it into Captivate as an HTML5 animation.

Any ideas anyone?

Thanks.

Jay

6 Comments
2020-05-04 13:45:22
2020-05-04 13:45:22

There are a lot of issues with this site at the moment.

I don’t know which author you are referring to, but in the answers to that thread you have seen Greg Stager, he is an expert on JS. Did you read his blogs?

 

Like
()
2020-05-04 08:46:09
2020-05-04 08:46:09

Why not ask this in the thread of the author of this blog? It would appear in his notifications (they are working again), not sure he is scanning all discussions.

Like
()
(4)
>
Lieve Weymeis
's comment
2020-05-04 13:27:59
2020-05-04 13:27:59
>
Lieve Weymeis
's comment

I started a new string because I ended up not using the original bloggers code “as is” (I think something was missing and the link to his final file didn’t seem to work) and in his post he admitted that he isn’t an expert, but found his solution through some trial and error.  I’m hoping someone with more experience in this area will have some insight.

Like
()
>
JayC_in_WV
's comment
2020-05-04 14:00:35
2020-05-04 14:00:35
>
JayC_in_WV
's comment

Looks like adobe has corrected the downloading project files issue.

I am able to download the files I submitted now.
If you are interested in them – you could try that now.

When moving the HTML5 animation to Captivate a number of things can break it.

  1. You need to import it as a zip file
  2. All supporting files need to be included in the zip file such as custom graphics
  3. All object names must properly correspond between uploaded files and Captivate
  4. Copy/Paste can break code as well if quotes are skewed.

Captivate will auto name the animation as Web_1 so if you don’t ensure that matches – you’ll have trouble.

And don’t forget to append the ‘c’ after the name to address the canvas object.

I never claim to be an expert at anything – but that doesn’t mean I might not have some ideas or feedback.

Like
()
>
Greg Stager
's comment
2020-05-05 18:52:26
2020-05-05 18:52:26
>
Greg Stager
's comment

Greg…thanks for the comment.  I’m going to jump back to your post and download your example to see if I can figure it out.  Honestly, it’s given me fits.  At first it seems like “range” was giving me a text entry box instead of a slide.  I got that fixed and figured out how to set a custom thumb, but the issue now is that when I get it into Captivate it won’t let me select the thumb and move it.

I’ll take another shot at it again tomorrow (working on something else today)…I may reach out if you don’t mind.

v/r

Jay

Like
()
>
JayC_in_WV
's comment
2020-05-05 19:42:16
2020-05-05 19:42:16
>
JayC_in_WV
's comment

By all means.

With my project files – you should be able to make some valuable comparisons.

Like
()
Add Comment