Datasheet

Figure 1-5
Yahoo! News
Also introduced in 2005 was a new design for the Yahoo! News site (news.yahoo.com). The new design
features an interesting enhancement: when you move your mouse over a particular headline, a small
box pops up with a summary and, optionally, a photo associated with that story (see Figure 1-6).
The photo information and summary are retrieved from the server using XMLHttp and inserted into the
page dynamically. This is a perfect example of how Ajax can be used to enhance a web page. Rather than
making Ajax the primary usage mode, the Yahoo! News site is completely usable without Ajax; the Ajax
functionality is used only to add a more responsive user experience in browsers that support it.
Underneath is a semantically correct HTML page that is laid out logically even without CSS formatting.
11
What Is Ajax?
04_109496 ch01.qxd 2/5/07 6:47 PM Page 11