DHTML Tabs

About

DHTML Tabs allows you to add multiple dynamic tab panes to your web site or thin client application. Try the demos

How it Works

You write structured HTML and style it with CSS (or modify the CSS from one of the demos). You include the tabs scripts in the document. You call tabInit() onload, and the script takes care of the dynamic aspect.

Cookie persistence saves the state of multiple tabsystems (you can use more than 1 per page, even nest tabsystems).

Features

• Keyboard Accessibility (example)
• Use images or textual elements styled with CSS ( example | example above)
• User defined TabParams to customize behavior
• Single or Double Tab Rows (example)
• Unlimited Nesting of TabSystems (example)
• Cookie persistance of tab state (see any example)
• Rich API for customizing TabParams of inividual TabSystems and for adding event listeners to individual tabs and TabSystems (example1 | example2)
• Degrades to non-supporting browsers

Uses

• Webpages
• Multiple Menubar Navigational Systems
• Multipart forms
• Nested Tree Menus

Latest Updates

Compatibility

Browser Compatibility Chart

Browser & Platform	Compatibility
IE6	works great!
Mozilla Mac/Win/Linux	works great!
IE5 Win	works
IE5 Mac	works
Safari 1.0	Mostly works. Some problems
Konqueror 3.1	Works
Konqueror 3.0	Doesn't Work
Opera 7	Works
Other DOM-supporting browsers	Assumed to work
Opera 5-6	Assumed to degrade
Netscape 4	Degrades