How to Use DHTML on Your Website

About us

Web site review

Web design
   Basic
   Small Business
   Medium Business
   Large Business

Web hosting

Domain registration

Do-It-Yourself

e-Commerce

Web workshop

Free Stuff!

Web Email Cloaker - Freeware Utility Generates Cloaked Email Links to Beat Spam-Spiders!

How to Use DHTML on Your Website

DHTML stands for Dynamic Hypertext Markup Language (or Dynamic HTML). Now that you know that, you'll probably never need to know the long version again.

DHTML has many uses, similar in some ways to Javascript. It can be used to create drop-down menus, calendars and a host of other web site gizmos - some useful, some worthless.

With that said, here are some useful tips and free resources:

DHTML Menu code

Certain effects won't appear under Netscape browsers, however the menu will still remain active.

- You may enter a link without assigning a link URL, the link will simply be inactive. You may also enter a "blank" cell, without a link or URL, in case you want to add these variables manually later, or if you'd like to have a gap between 2 links.

DHTML Tooltip Generator

Sometimes the HTML "alt=" isn't enough to relay the detail you'd like it to. Here is a tool that will allow you to give your users more interactive tooltips.

Here is an example of how it works (Mouse Over Me!).

After you've installed the generated code, in order to trigger a tooltip, you'll need to surround the area with an <a> tag which contains onMouseover and onMouseout properties. Here's an example:

onMouseover="EnterContent('ToolTip','Tooltip Title','Tooltip Content'); Activate();" onMouseout="deActivate()"

The above is meant to be entered into already-existing <a> tags. If you want to assign a tooltip to an area that isn't a link, you'll have to add the entire tag:

<a href="javascript:void(0)" onMouseover="EnterContent('ToolTip','Tooltip Title','Tooltip Content'); Activate();" onMouseout="deActivate()">ToolTip Me</a>

The highlighted areas hold the content of the tooltip. There are 2 areas - the title area, and the content area. You may simply copy the above examples and replace the content areas with your own.

DHTML Tooltip Generator

CONTACT US

HOME PAGE - SECTION HOME PAGE - TOP OF THIS PAGE