Last Modified: 06/20/99
Webagogy - Technology Options

Dynamic HTML

Dynamic HTML allows modification of attrributes of any element on a HTML page, either in response to some event such as a mouse click, or on some time schedule or cycle.

A key part of DHTML is the Document Object Model, an implementation of the idea that a Web page is made up of many elements or objects, each with multiple attributes. Programming languages such as JavaScript and Java can specifically address and modify any of the attributes. Unfortunately, Netscape and Microsoft have somewhat different implementations of the DOM, requiring care in designing your DHTML if you want it to be accessible to all.

Example

Blue Text On MouseOver

<h4 onmouseover="this.style.color='blue';" 
  onmouseout="this.style.color='black';">
    Blue Text On MouseOver
</h4>

Yellow Background on MouseOver

<h4 onmouseover=
  "this.style.backgroundColor='yellow';" 
  onmouseout=
  "this.style.backgroundColor='white';">
    Yellow Background on MouseOver
</h4>

Resources


Previous Home Next

Topics

Summary

Using Technology

Questions To Ask

How It Works

Technology Options
  HTML
  Web Tools
  Javascript
  Dynamic HTML
  Adobe Acrobat
  Java

Intellectual Property

Security

Resources

 
Previous Home Next

©2000 UW Computing & Communications