January 2010
Intermediate to advanced
791 pages
14h 17m
English
Content preview from HTML, XHTML, and CSS Bible, Fifth EditionBecome 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 17. Dynamic HTML
IN THIS CHAPTER
The Need for DHTML
How DHTML Works
The Document Object Model
The JavaScript DOM
Using Event Handlers
Accessing an Element by Its ID
Cross-Browser Compatibility Issues
DHTML Examples
Form Automation: Check boxes
Dynamic HTML (DHTML) is a combination of HTML, CSS, and JavaScript, used to create dynamic Web page effects. These can be animations, dynamic menus, text effects such as drop shadows, text that appears when a user rolls over an item, and other similar effects.
This chapter introduces DHTML by reviewing some JavaScript basics and providing a look at the Document Object Model (DOM), which enables you to access HTML elements so you can change their properties and/or content. Examples of common DHTML techniques are provided.
Note
In a very strict, technical sense, DHTML is thought of as containing code that is targeted toward level 4 browser architecture with a lot of proprietary code. For example, such a script would be written for a particular platform, use proprietary hooks and code existing only on that platform, and would be incompatible with other platforms.
However, Document Object Model (DOM) scripting has emerged to enable scripts that follow cross-browser–compatible standards, and hence are more compatible with more platforms.
That said, DHTML is still the predominant term used for the dynamic combination of HTML, CSS, and JavaScript, and as such is used here.
The Need for DHTML
DHTML, when used correctly, can significantly enhance the user experience. ...
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.