ActiveTab setting in javascript

Question

When i am setting the tabcontainer first tab as active tab through javascript with the following code :

var tc = document.getElementById('<%= tabContainer.ClientID %>');
tc.firstChild.lastChild.style.visibility = "hidden";
tc.set_activeTabIndex(0);

i am getting the exception like:

Propert or method not supported with this object.

note that the second line succefully hides the second tab panel but the third line raises the excception

Any suggestion how to set a tab active through javascript?

Answer 1

Error is generated for line

tc.set_activeTabIndex(0);

We don't have built-in set_activeTabIndex() method.

You should apply appropriate CSS properties for enabling/disabling tabs.

Answer 2

You need the client control; not the DOM element. In order to get the control use the $find method. After that you can use the set_activeTab method.

ctrl = $find("<%= tabContainer.ClientID %>");
ctrl.set_activeTab(ctrl.get_tabs()[yourTabNumber]);