Adobe Edge Preview 3: The Missing Manual

Chapter 7. Understanding JavaScript and jQuery

If you worked on some of the examples in Chapter 5, you’ve already dabbled in JavaScript and jQuery. When Edge creates triggers and actions, it produces JavaScript/jQuery code. Modern browsers all understand this code, and it works universally, unless someone has explicitly turned JavaScript off. Like the CSS code mentioned in Chapter 6, JavaScript can be interspersed within the HTML code for a web page, or a separate JavaScript (.js) file can be can be linked to the page.

This chapter isn’t meant to be a complete study of JavaScript and jQuery, but it is meant to help you get started. You’ll learn how to read the code that Edge produces, and you’ll learn how you can tweak that code to customize your Edge compositions. Throughout, you’ll find tips and techniques that help solve common issues when you’re working in Edge.

A Very Brief History of JavaScript and jQuery

Once upon a time (in the 1990s), there was a company called Netscape, which delivered one of the first widely used web browsers, Netscape Navigator. Soon, the company was in a death battle with another company called Microsoft, which put forth a competing browser called Internet Explorer. In an effort to keep a competitive edge over their nemesis, some Netscape wizards developed a scripting language that could be used to add automation and interactive features to web pages. The language had different names at different times, like Mocha and LiveScript, but the name that stuck ...