Featured Articles

Introduction:
What is DHTML

Section One:
Static vs. Dynamic
How does DHTML work?
Scripting language?

Section Two:
Getting started
Is it a new a language?
Accessing CSS using Javascript
Dynamic Styles
Is it browser supported?

Section Three:
The Document Object Model
DHTML DOM Objects
The effect of browser wars
W3C DOM
Backward compatability

Section Four:
Accessing elements
Accessing forms
Accessing images

Section Five:
Accessing Layers
Accessing CSS in a layer
Hyphenated Styles
Changing Position

Section Six:
Example HTML Scripts
Object Animation Using Layers

Section Seven:
Positioned Element Types
Statically Positioned Elements
Absolutely Positioned Elements
Relatively Positioned Elements

Section Eight:
DIV vs. LAYER
Browser Declarations
MSIE,NS W3C javascript reference
Object detection vs. browser detection

Section Nine:
ID, CLASS and STYLE
ID attributes
CLASS attributes
STYLE attributes

Section Ten:
Binding Javascript to the DIV:
Binding to layer objects

Section Eleven:
EVENT HANDLING
Event Functions
onclick:
onload:
onmouseover:
onmouseout
onmousedown
onmousedown and out
onunload
Z-index
Nested Quotations
Common Event Handlers

Section Twelve:
Security
Using innerHTML
Cross-site Scripting
Website Protection
Security Alerts

Conclusion:
Overview

Section Eight:
Most Popular Questions

View Style Sheet

DHTML Tutorial

Conclusion:

Hopefully, this tutorial has given you some insight into the world of Dynamic HTML and how it can and is being used to enhance the design, functionality and user interaction of today's web sites. If you have any questions about this or any of our tutorials or tips, please send us a message using the feedback form provided. We will try to respond as soon as time permits.

The instruction and examples in this tutorial have covered most of the basic concepts of using DHTML, along with recommendations for successfully overcoming cross-browser issues associated with DHTML. We have also discussed the World Wide Web Consortium's Document Object Model, or W3C DOM for short.

Now, it's time to find out if you can benefit from this tutorial. What you need to do now is srat using some of the tools you heard about and implementing some of the things we have discussed here. With just the basic outline provided in this section, you have a lot of the information you need to help you begin writing some Dynamic HTML for yourself. Don't worry if the code doesn't work right the first or second times. Only experimenting with DHTML will you learn DHTML. Most importantly, have fun!

To reference any of the material found in this tutorial, you can select any of the sections listed in the left column.

NOTE:We are working on putting together a list of the most popular and often asked questions about DHTML. As soon as we complete this, we will develop a DHTML FAQ page that can be found at the end of this tutorial.