|
MoreMotion Face API | ||||||||
PREV CLASS NEXT CLASS | FRAMES NO FRAMES | ||||||||
SUMMARY: FIELD | CONSTR | METHOD | DETAIL: FIELD | CONSTR | METHOD |
Object | +--TabControl
Represents a Tab Control. A Tab Control contains the same amount of TabButton and TabPanel objects
with identical names. For Example: If a TabControl contains two tabs then there must be two TabPanels with names
i.e. "Tab1" and "Tab2" in a TabPanelContainer and two TabButtons with names i.e. "Tab1" and "Tab2" in a TabButtonContainer.
Below is an example HTML code that contains necessary definitions for a TabControl. It is not important what type of HTML elements are used as containers. i.e."TABLE" elements could also be used instead of "DIV" elements. The only requirement is to use the "mo:*" attributes correctly.
<div mo:type="TabControl" mo:name="TabControl1" mo:needsInit="true" mo:props="initialTab:'Tab1'"> <div mo:type="TabButtonContainer"> <img mo:name="Tab1" src="n.gif" mo:type="TabButtonAnimated" mo:needInit="true" mo:props="normalSource:'n.gif', mouseOverSource:'mo.gif', mouseDownSource:'md.gif', selectedSource:'sel.gif'"/> <img mo:name="Tab2" src="n.gif" mo:type="TabButtonAnimated" mo:needInit="true" mo:props="normalSource:'n.gif', mouseOverSource:'mo.gif', mouseDownSource:'md.gif', selectedSource:'sel.gif'"/> </div> <div mo:type="TabPanelContainer"> <div mo:type="TabPanel" mo:name="Tab1">Tab Area 1</div> <div mo:type="TabPanel" mo:name="Tab2">Tab Area 2</div> </div> </div>
Field Summary | |
Object |
isTabControl
|
Object |
props
TabControl Properties Object. |
Constructor Summary | |
TabControl(node)
|
Method Summary | |
void
|
base(node)
|
TabControl
|
getParentTabControl()
Returns the TabControl object that encloses this TabControl |
Object
|
getSelectedTabName()
Returns the name of the tab that is in "selected" status. |
TabButton
|
getTabButton(name)
Returns the TabButton object associated with the specified name |
TabPanel[]
|
getTabButtons()
Returns an array of contained TabButtons |
TabPanel
|
getTabPanel(name)
Returns the TabPanel object associated with the specified name |
TabPanel[]
|
getTabPanels()
Returns an array of contained TabPanels |
void
|
init()
Initializes this TabControl. |
Object
|
switchTo(tabName, recursive)
Makes the specified TabPanel visible and others invisible. |
Field Detail |
Object isTabControl
Object props
initialTab | The name of the initially visible tab. |
onTabSelectHandler | The name of the onTabSelectHandler Function. The function defined here is called each time a tab is selected and the handle of this object is passed to it as the only parameter |
Constructor Detail |
TabControl(node)
node
- the DOM Element node that is marked as Tab Control by means of "mo:type" attribute with a value of "TabControl".
Method Detail |
void base(node)
node
- the DOM Element node that is wrapped by this object
TabControl getParentTabControl()
Object getSelectedTabName()
TabButton getTabButton(name)
name
- The name of the TabButton
TabPanel[] getTabButtons()
TabPanel getTabPanel(name)
name
- The name of the TabPanel
TabPanel[] getTabPanels()
void init()
Object switchTo(tabName, recursive)
tabName
- The name of the TabPanel to make visible.
recursive
- Flag that denotes that recursively all the enclosing TabPanels becomes visible
|
MoreMotion Face API | ||||||||
PREV CLASS NEXT CLASS | FRAMES NO FRAMES | ||||||||
SUMMARY: FIELD | CONSTR | METHOD | DETAIL: FIELD | CONSTR | METHOD |