An introduction to a new series of postings : The JavaScript Idea Series
I wanted to introduce to you a new series of posts that I am planning to roll out to the community.
The JavaScript Idea Series
This series will feature ideas using JavaScript ranging from simple to complex. These are not meant to be full-fledged projects on their own but rather ideas on how to accomplish certain things that you may or may not have thought of already.
I would encourage you all to share your thoughts on these ideas as they come out for how you might use them in your own projects and to ask any questions that you may have.
Within each project you will have a working sample of the idea along with the code it takes to make it work.
Enjoy!
Idea #1 – Choosing a Random Letter
Idea #2 – Random Positioning
Idea #3 – A Simple Timer
Idea #4 – Directional Controller
Idea #5 – Slide Info Panel
Idea #6 – Word Scrambler
Idea #7 – Pop-up Text Entry Boxes
Idea #8 – Side Scrolling State Changes
Idea #9 – Sort Variable Values
Idea #10 – Scrolling Text Box Effect
Please log in and complete your profile to continue.
I find javascript an exciting way to make Captivate more interactive and creative. There is a lot to learn, but these resources help.
Thanks for your efforts.
Thank you for sharing the awesome work Greg! I really like the sliding panel code. I have used effects to create a choppier version of this in captivate but I am excited to try it with JavaScript. I am very interested in learning more about integrating Javascript into my captivate projects. Thanks for creating these resources that clearly describe how the process works.
I’ve seen you or others create a dial that can change a number but I cannot seem to find it. Do you remember creating a tutorial on how to create a rotating dial that changes a number? Cheers!
Thank you. Glad to hear you like the ideas. I will continue to add to this as time goes on and I am able to think of ideas – LOL.
I do have a few projects with dials at work. Most recent is my Code Cracker Game with dials to change the combination.
https://elearning.adobe.com/2021/06/code-cracker-captivate-game-and-puzzle-series/
I don’t recall doing a tutorial specifically on dials but I did have an old fashioned car radio project I did a while back and provided some code. I make use of the GreenSock library when I work with dials.
https://elearning.adobe.com/2020/03/old-fashioned-car-radio/
https://elearning.adobe.com/2020/04/old-fashioned-car-radio-part-2-the-code-warning-major-nerd-post/
Hopefully you find those helpful.
Wow, I don’t know how I missed this. Thank you for the resources and thank you for sharing at Adobe eLearning world 2021. I enjoyed your presentation. I was both impressed and skeptical of the revealing of Project Charm. I like the UX but the new look appears to have less features. Have you had a chance to use the new platform and do you know if the Javascript feature is improved or even more robust?
Thank you.
I wish I could say that I have gotten the chance to test drive Charm with some JavaScript but alas…
I am very anxious to see how Charm handles the JavaScript. For starters – a re-sizeable edit window with numbered lines would be a welcome perk. I signed up for the Beta. You can bet I will put it through some JS paces.
I try to implement Javascript and struggle to make the connections between how I might have done it with html and apply it to Captivate. Really appreciate your shares to help create more opportunities to make the connection.
I try to make a distinction between the kind of JavaScript used when simply working with HTML and CSS for websites and such and the kind of JavaScript used with Captivate as there are some differences.
I often think of what I do in Captivate with JavaScript as “crafting my Advanced Actions manually from scratch”.
I try to eliminate the need for constant post-publish modifications as much as possible.
That makes a lot of sense. Thanks for providing that logic, I’ll certainly continue to give Javascript a try in Captivate 🙂
This is an excellent initiative Greg! As you keep expanding on this series, we’ll add the links to each of these idea posts to this blog post and keep updating it. Thank you!
Great, Ishan – thank you.
…
Hello Greg !…
Your contribution to teach us how to implement Javascript within Captivate is so valuable !…
Another BIG THANK YOU !…
…
You must be logged in to post a comment.
