Tab Manipulation

With CodeThatTable you can set current tab in run-time. It is useful if you want to use the same tab at few pages and have different current tabs after page loaded.

Method setCurrTab(text)

This method sets current tab in tab control by text of tab.

You can use this function by using constructin like this:

<form>
  Set current item:<select onChange="ts.setCurrTab(this.options[this.selectedIndex].value)">
    <option value="URL">URL</option>
    <option value="JS">JS</option>
    <option value="JSOVER">JSOVER</option>
    <option value="JSOUT">JSOUT</option>
  </select>
</form>

<script language="javascript1.2">
<!--

var tabDef = {
	...
}
var ts = new TabSet();
ts.create(tabDef); 

//-->
</script>

or

<script language="javascript1.2">
<!--

var tabDef = {
	...
}
var ts = new TabSet();
ts.create(tabDef);
ts.setCurrTab('Home'); 

//-->
</script>

Example - Tab Manipulating

You can see an example and complete code here - Tab Manipulating [popup]

Use Parameter urlParam

You can set active tab from the url of page with tabSet. For this you have to specify parameter urlParam with name of variable that will contains index of active tab.

	...
	urlParam : "p"
	...

Note! The index of tabs starts from 0.

Here is example how you can use urlParam within CodeThatTab: urlParam Example [popup]

Read more about CodeThatTab >>