HTML:Dynamic HTML
Dynamic HTML or DHTML is a method of creating interactive web sites by using a combination of static markup language HTML, a client-side scripting language (such as JavaScript), and the presentation definition language Cascading Style Sheets and the Document Object Model.
It may be used to create applications in a web browser: for example to ease navigation, to create interactive forms or to create interactive exercises to use in e-learning applications such as WebCT. Because it can be used to dynamically move elements around the screen, DHTML can also be used as a tool for creating browser based videogames.
DHTML applications that are entirely self-contained in the browser, without server-side support such as a database, are sometimes referred to as Single Page Applications, or SPA. See Comparison of layout engines (DOM) for a detailed list of the API available in each browser to use in DHTML applications.
Competing techniques include Macromedia Flash for animation and applets.
Some disadvantages of DHTML are that it is difficult to develop and debug due to varying degrees of support among web browsers of the aforementioned technologies and that the variety of screen sizes means the end look can only be fine-tuned on a limited number of browser and screen-size combinations. Development for recent browsers, such as Internet Explorer 5.0+, Netscape 6.0+, and Opera 7.0+, is aided by a shared Document Object Model.
Structure of a web page
Typically a web page using DHTML is set up the following way
DHTML example
Often the JavaScript code is stored in an external file, this is done by linking the file which contains the JavaScript:
See also DOM Events
Example: Displaying an additional block of text
The following code illustrates an often used function. An additional part of a web page will only be displayed if the user requests it. In e-learning, such a function could be used to display additional hints or an answer the student initially should not see.
Test
How to use a DOM function
Show example
This is the example. (Additional information, which
is only displayed on request)..............
The general text continues ....
A Presentation Application
S5 is a presentation application of DHTML which works in modern browsers (IE 6 included): A single XHTML file contains a slideshow which may be viewed in projector mode slide by slide (browser window set to full screen), as a single web document or printed out as a handout. With DHTML a navigation is built dynamically. Simple animations are possible. Formatting is done with CSS.
| 
