jsUI-Tabstrip var mytabstrip = new Object(); mytabstrip = tabstripNew("mytabstrip", "default", "TOP", document.getElementById("tabCell"), null); mytabstrip.itemClick = doClick; mytabstrip.createTab("tab1", "First Tab", "../images/icon.jpg", 100, false); The tabstrip is a navigation control, based on those frequently found in Windows or the MacOS. It is compatible with Internet Explorer 5.0 and FireFox 1.0 or better. jsUI-Global/common.js jsUI-Global/uiCommon.js jsUI-Tabstrip/component.js index.htm

The HEX value for the colour to be used to indicate a selected tab. If unassigned, the default highlight colour assigned by the skin will be used.

mytabstrip.highlight = "#FFFFFF";

Gets the string value containing the DOM ID of the currently selected tab. Read only.

alert(mytabstrip.currentTab);

The DOM object to which the tabstrip is attached. Frequently a DIV or TD.

alert (mytabstrip.tabstripParent.id); DOM Object. This property is assigned on instantiation and is read only.

Gets or sets the string value representing the path to the root of the jsObjects directory. Used for calculating style and graphics file paths. Initially set during instantiation.

mytabstrip.rootDir = "http://localhost/libraries/jsobjects"; http://<server>/jsObjects String. This value only needs to be set if jsObjects is installed in a custom location.

Instantiates the tabstrip through assignment into a Javascript object.

Required. The name for the new tabstrip. Must match the name of an empty Javascript object to contain the tabstrip. Optional. The name of the CSS (excluding the extension and path) file to use for the tabstrip. If left blank, "default" will be used. Required. String used to indicate where the tabstrip floats. Use either "Top" or "Bottom". Optional. The DOM object that the tabstrip is to be attached to. If no value is passed, the tabstrip will be appended to document.body Optional. The path to the root of the jsObjects directory. If left blank, the default path will be used. var mytabstrip = new Object(); mytabstrip = tabstripNew("mytabstrip", "default", "TOP", document.getElementById("tabstripDiv"), "../jsobjects"); The tabstrip object. This is the only method that does not appear to be a member of the object -- because the object can't have members until it's instantiated. A blank object is created and will be filled with the jsUI-Tabstrip members.

Creates a tab in the strip.

Required. A unique string to be used as the DOM ID for the new tab. Required. The text that appears in the tab. Optional. The path to an image that can be used in the title of the tab. Appears to the left of any tabText value. Optional. The width in pixels for the new tab. Optional. Indicates whether or not the tab should be selected upon creation. Nothing

Removes a tab from the strip. If the tab is currently selected, the external code should select another tab.

Required. The ID of the tab to be deleted. Pass the string "all" to remove all tabs. Nothing

Used to allow external code to select a tab without user intervention.

Required. The ID of the row to be selected. Nothing

Fires whenever a tab is clicked, passing the ID of the target object, so that external code can respond.

mytabstrip.itemClick = handler; The handler should accept one string parameter which will contain the ID of the button clicked.