Featured Articles

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

DHTML FAQ Page:
Most Popular Questions

View Style Sheet

So. . . DHTML, huh?

This series of articles introduces the concepts and application of Dynamic HTML (DHTML). Its intent is to provide basic introduction to DHTML and how it is applied. Through articles, discussions and examples given, you will be able to develop your own dynamic web pages.

The instruction and examples in this tutorial will cover most of the basic concepts of using DHTML, along with recommendations for successfully overcoming cross-browser issues associated with DHTML. We will also discuss the World Wide Web Consortium's Document Object Model, or W3C DOM for short. The World Wide Web Consortium is an independant organization that issues many of the current standards for web development. The W3C DOM allows you to access and manipulate objects and elements on your web page. Before beginning this tutorial, you should be familiar with basic JavaScript, CSS, and HTML.

To continue with this tutorial, you may select any of the sections listed in the left column, or click the Next link located at the bottom, right of this page.