Examples of DHTML

Click here to go back.

What is DHTML?
Dynamic HTML increases the interactivity of your web site and the mobility of the objects it contains. There are many things that can be done to improve a web site with this technology. It's a combination of JavaScript, CSS, and HTML, but utilizes a special engine in the user's browser. As a result of this, not every browser provides full support for DHTML. However, scripts can be written so they are specifically for Netscape, Internet Explorer or both.

Example 1
If you'll notice, there was a text message at the bottom of your screen. When you scroll, the message will move up or down with you. However, as to avoid being annoying, it is set to display for only 10 seconds. To view the message again, click the refresh (or reload) button of your browser. While one of the features available in this script, flashing the color of the background, are not used for this example, it can be easily modified to do so.

Example 2
This script allows the browser to enter a word or phrase to find, and it will find & highlight it. It also scrolls automatically to where the word/phrase is. It works exactly like the viewer's browser edit, find menu option. If the word/phrase is not found, it pops up an alert stating that it "Was Not Found."

Example 3

Online Consulting

As you may have noticed, the above text looks like they are simple graphics with text. However, if you were to try to highlight the text, you would be able to. This is not so with an image. It's possible thanks to DHTML and CSS. The positioning can be made through simple CSS positioning techniques to create a drop shadow effect, an emboss effect, 2 drop shadows opposite of each other, and a "glowing edges" effect. This script is very versatile, as most features can be modified. The color of the text, the shadows & the edges can be changed. The positioning can be changed, as can the amount of shadow or edge the text has.

Contact me at: [email protected] (at home) or [email protected] (at work)