DHTML Tabs

Using Keyboard Events

Accessibility

Internet Explorer, Mozilla and its variants, and possibly other browsers support w3c accessibility guidelines, at least to some degree.

The a element can receive focus, so it can have an accesskey and a tabindex.

Degrade Gracefully

To make tab degrade to a true anchor, set the href to the id of its content div.

TabParams.eventType

<a href="#contentGame" accesskey="g" tabindex="1"
   id="tabGame" class="tab tabActive"><u>G</u>ame</a>
	

You'll have to use focus for TabParams.eventType.

TabParams = {
    ... 
    eventType : "focus".
    ...
};
	

Different Event Types for Different TabSystems

Set the eventType for an individual TabSystem by calling onload: TabSystem.list[sTabSystemId].setEventType(sType)

If the tabsystem element had the id "TabSystem1", you would use:

function init() {
    tabInit();
    TabSystem.list["TabSystem1"].setEventType("focus");
}

Next in this tutorial: Tab navigation: Using hash marks in the location; calling switchTabs