April 2007
Intermediate to advanced
720 pages
12h 52m
English
Content preview from Ajax Bible
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 11
Dynamic HTML and Ajax
IN THIS CHAPTER
- Creating mouseovers
- Using dynamic style sheets
- Writing documents to the browser
- Updating part of a page with dynamic HTML methods
- Updating part of a page with dynamic HTML properties
- Creating elements on the fly
- Updating tables with data
- Getting the user's attention with animation
Working with Web pages on the fly is central to Ajax. Chapter 10 covered working with Web pages using cascading style sheets. This chapter discusses another way of working with Web pages on the fly: dynamic HTML.
Dynamic HTML is a powerhouse of options for the Ajax programmer, and you're going to see the best of it in this chapter.
Creating Mouseovers
This first dynamic HTML example demonstrates the use of dynamic styles by using the onmouseover attribute to handle mouse rollovers. In this example, positioning the mouse over some text changes the text's size, enlarging it. You can see this example, mouseOver.html, in Figure 11.1.
When you position the mouse over the text in this application, that text gets enlarged, as shown in Figure 11.2.
FIGURE 11.1 The mouseOver application
FIGURE 11.2 Enlarging text with dynamic styles
This example simply uses the onmouseover attribute of a <span> element to change the font size:
<html> <head> <title> Using Dynamic ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.