812 Seven Weird JavaScript Hacks for Captivate

10:00 AM - 11:00 AM Friday, November 18

Tools

107

Captivate’s newest responsive player is built on HTML5 and JavaScript, which opens the door for you to access its code directly. This allows you to go beyond the default features in this tool and make your own customizations. But what kinds of hacks can you actually do with JavaScript, and how do you get started?

In this session, you’ll get a brief introduction to jQuery and start to explore Captivate’s code. You’ll learn tricks to help “decode” the code, locate HTML elements, and use JavaScript hacks to do things like bounce the Next button, prevent viewers from scrubbing the progress bar, hide/show slide names in the table of contents, alter the look and feel of a project, and more. Along the way, you’ll learn a little about jQuery, the Chrome Developer Console, and making code look pretty. While the specific hacks covered in this session might seem a bit weird, the skills and knowledge used to accomplish them can easily be applied to more practical solutions.

In this session, you will learn:

  • How to alter Captivate elements with JavaScript
  • Where to find Captivate player elements (Next button, progress bar, etc.)
  • How to “click” objects on the slide with JavaScript
  • How to trigger advanced actions via JavaScript
  • Some of the basics of jQuery and the Chrome Developer Console

Audience:
Intermediate and advanced developers.

Technology discussed in this session:
HTML, JavaScript, jQuery, and the Chrome Developer Console.

James Kingsley

Sr. Technology Architect

eLearning Brothers

James Kingsley, a senior technology architect for the eLearning Brothers, has worked in the eLearning industry for over 16 years. He enjoys making tools, applications, and web apps do things they were not meant to do. At eLearning Brothers, he helps shape the direction of mobile and HTML5 eLearning development. James also co-founded ReviewMyeLearning.com.

<  Back to session list Top ^