JavaScript Workshop – Get Started with JavaScript in eLearning by Greg Stager
Comments
(6)
JavaScript Workshop – Get Started with JavaScript in eLearning by Greg Stager
(6)


Please log in and complete your profile to continue.
6 Comments
2021-12-24 17:59:01
2021-12-24 17:59:01

Thank you, Greg!! You covered Great and needed content. I don’t know why, but there is not much on Js apply on Cp. I learned some Animate CC to create .aom animations, but it is so limited. Greg, if you have more videos like this one, where can I find them. If you have a course? Would you please share how we can access it? Thank you so very much. I have a LinkedIn account and many Instructional Designer (ID) connections. I know many IDs like me want to have more control creating amazing animations in Cp. Would it ok if I promote this video there? Please, keep making content like this one. Additionally, could you consider increasing the complexity of the content, include more effects ( slide in and reveal, custom made table of content, objects fake 3D movement, drop-down menu, search bar, etc)? Thank you very much!!!!

Like
()
(1)
>
juank21908791
's comment
2021-12-28 14:31:52
2021-12-28 14:31:52
>
juank21908791
's comment

Thanks for the comments – much appreciated.

At this time I do not have any other videos such as this one or any sort of official course.

What I do have is a bunch of postings related to JavaScript scattered throughout this site – many of which include the code with some explanations.

If you have not yet seen the JavaScript Idea Series – you may glean some useful examples there. Also – I do have the Getting Started with JavaScipt Guide Project as well.

I do plan to make some additional content of this nature for 2022.

You’re welcome to share this with anyone – it is there to help others learn.

Like
()
2021-09-23 15:50:32
2021-09-23 15:50:32

I realize there was not time to go through every question in the Q&A after the presentation.

I went back through chat stream as far back as the platform would allow me to go and captured questions to put them all together here.

I hope others will find this helpful.
Trying to attach a PDF of my responses – hope it works.

Like
()
(3)
>
Greg Stager
's comment
2021-10-06 12:54:40
2021-10-06 12:54:40
>
Greg Stager
's comment

Mr. Stager,

Is there a way to use javascript to play audio when a button is rolled over vice clicked? I know in captivate itself there is no way to apply audio to a roll over state and have it stop slide audio since a click does not occur so i was curious if javascript could make that functionality possible. Any assistance is appreciated! thank you

Like
()
>
heathers51575093
's comment
2021-10-07 14:39:06
2021-10-07 14:39:06
>
heathers51575093
's comment

This is a multi-pronged question.

Can we use JavaScript to play some audio on hover of a button? Sure.
I actually tackle something like this in perhaps not the most straight-forward way.

I use JavaScript to simulate a click.

Captivate does some weird things with audio files and one of them is that it renames them using some random number – not helpful. So what I will do is create a button that onSuccess will play the audio I desire. I make the button invisible and really small and place it somewhere I would not expect anyone to actually click.

I personally do not use slide audio but rather just event audio so I am not sure if the interaction will work as you may hope but you’re welcome to play with the concept.

A little bit of code OnEnter is all you need.

setTimeout(function() {
$(“#myBtn”).hover(playAudio,nothing);
},250);

function playAudio() {
document.getElementById(“onBtn”).click();
}

function nothing() {
console.log(“hover off”);
}

 

In the code above – I use a button with the name  myBtn

Then, for the hover action, we name two functions. one for when you hover on and one for when you hover off. I wrap this in a short timeout so that we can make sure the button has rendered on the display before applying the listener.

Then we define the two functions. For the playAudio function, I simulate the click on the button with the audio.

For the nothing function, I just write out to the console.

If you do not specify a function here, it will perform your first function again and play the file both hover on and hover off.

Like
()
>
heathers51575093
's comment
2021-10-13 16:35:23
2021-10-13 16:35:23
>
heathers51575093
's comment

@heathers51575093

It is perfectly possible to add audio to a rollover state in Captivate, contrary to what you claim.

Look at trick 1 in this blog:

http://blog.lilybiri.com/3-audio-tricks

 

 

Like
()
Add Comment