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

Intermediate and advanced developers.

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