Building a website with Web Premium CS4 – Part 10: Adding Ajax functionality with Spry

Welcome to Part 10 of the Building a website with Web Premium CS4 tutorial series. In this part, you'll complete the following tasks:

• Create a PHP page that queries and returns data from a MySQL database in XML format.
• Create a PHP page that retrieves and presents the data dynamically using the Spry framework for Ajax

Note: If you've just arrived at this section, you may want to go to Part 1 and start following along from the beginning. Or, if you prefer, you can download the sample files provided below and start following the instructions that are outlined here. The steps in this tutorial assume that you've installed the web server and application server (as described in Part 2), defined a Dreamweaver site pointing to the directory on your hard disk where the local site files will be stored (as described in Part 3). I also assume that you've completed Part 8 and Part 9 of this series.

If you've already completed the previous parts, you can continue to work with the files you've already created and only need to download adventuretours_pt10_newfiles.zip. This ZIP archive contains two new files in the site root folder, tourdetail.htm and tourdetail.css. There's also a new folder named imageSource that contains a Fireworks PNG file named MapSource.png, and another new folder named images/tourdetail that contains various image files you'll need to create the Ajax-style web page.

Requirements

In order to make the most of this article, you'll need the following software and files:

Dreamweaver CS4

• Try
• Buy

Sample files:

• adventuretours_pt10_starter.zip (ZIP, 874 KB)
• adventuretours_pt10_solution.zip (ZIP, 1.4 MB)
• adventuretours_pt10_newfiles.zip (ZIP, 437 KB)

Prerequisite knowledge

Basic familiarity working with Dreamweaver is recommended.

Building a website with Adobe Creative Suite 4 Web Premium

For your reference, here are all the parts in this series:

Introduction
Part 1: Planning the website
Part 2: Creating a local site
Part 3: Creating a remote site
Part 4: Creating a visual design
Part 5: Slicing and exporting site assets with Fireworks
Part 6: Adding styles to finalize the page design
Part 7: Finalizing and reviewing the home page
Part 8: Creating a database
Part 9: Presenting dynamic data
Part 10: Adding Ajax functionality with Spry
Part 11: Creating an interactive web form
Part 12: Creating and presenting a Flash animation
Part 13: Adding video to the website
Part 14: Creating a blog with InContext Editing

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

Page 1 of 4

Next Page

About the author