DHTML

  • Dynamic HyperText Markup Language
  • Using a client-side scripting language (JavaScript / JScript / ECMAScript) to manipulate HTML and CSS properties
  • HTML extensions that allow a Web page to react to user input without sending requests to the Web server
  • Not standardized
Key components
  • HTML 4.0 introduced CSS (Cascading Style Sheets) and DOM (Document Object Model)
  • CSS is a style and layout model for HTML documents
  • DOM is a document content model for HTML documents
  • JavaScript (and VBScript) allow scripting code to control HTML elements
  • CSS Positioning allows control over element positioning and visibility (comparable to Layers in Netscape and Dynamic CSS in Internet Explorer)
Attributes
  • left  : The element's left position
  • top  : The element's top position
  • visibility  : Whether an element is visible or hidden
  • z-index  : The element's stack order for display (higher numbers have priority) ([-n .. n]) (default: 0)
  • clip  : Element clipping
  • overflow  : How overflow contents are handled


Resources
Sources
  • http://www.w3schools.com/dhtml/ - DHTML Tutorial
  • http://builder.com.com/5100-31-5072657.html - Stupid Web Tricks: Menu Mien
  • http://www.oreillynet.com/pub/a/javascript/2001/06/22/layers_part_two.html - Cross-Browser Layers