Chapter 16

Powering Ajax Pages with Spry

In This Chapter

  • Understanding Ajax
  • Learning about Spry
  • Incorporating Spry XML data
  • Dreamweaver Technique: Adding Spry Data
  • Validating with Spry form widgets
  • Advancing layouts with Spry widgets
  • Applying Spry effects

Remember the first time you saw Google Maps? If you’re like me, after you’d spent a good amount of time clicking and dragging the map around or zooming in on a satellite view, you did a right-click to confirm your suspicion that it was done with Flash. Wrong! The magic of Google Maps (, as well as other sophisticated sites such as Flickr ( and Yahoo! Tech (, is that they all rely on a relatively new technology known as Ajax. Ajax combines advanced JavaScript coding, Document Object Model (DOM) manipulation, and, optionally, XML data to allow partial page refreshes without long waits for a new page of HTML to arrive from the server.

Ajax is highly touted as a key component of the next-generation Internet, known when it was introduced as Web 2.0. To make it possible for more and more people to integrate Ajax techniques into their sites, numerous implementations have been developed. One such implementation, Spry, was developed by Adobe and released for use by the general public. The Dreamweaver engineers took Spry to the next level and developed a series of objects and features to make it easy for designers to incorporate the advanced functionality of Ajax ...

Get Dreamweaver CS6 Bible now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.