Start Building Professional
Web Apps Today

How to change tabBar's Tab

I have one tabbar , each tab contain one aspx file, hrefmode is "iframe"
When I click on link in “k1.aspx” then "a3" tab should be activate ,

    <a href="javascript:tabbar.setTabActive('a3')" > Login Please </a> (link in k1.aspx)

But will have "tabbar" undefined error message

Please Help me, Thks a Lot !!

    
========= start.html
<div id="a_tabbar" style="width:100%;height:'100%';"></div>
<script>
tabbar=new dhtmlXTabBar("a_tabbar","top");
tabbar.setImagePath("dhtmlxSuite/dhtmlxTabbar/codebase/imgs/");
tabbar.loadXML("tabs_master.xml");
</script>



======== tabs_master.xml
<?xml version="1.0" encoding="utf-8"?>
<tabbar hrefmode="iframe">
<row>
<tab id="a4" width='100px' href="k4.aspx">Resource</tab>
<tab id="a3" width='100px' href="k3.aspx">Login</tab>
<tab id="a2" width='100px' href="k2.aspx">Server</tab>
<tab id="a1" width='100px' href="k1.aspx" selected="1">Home</tab>
</row>
</tabbar>


======== k1.aspx

<a href="javascript:tabbar.setTabActive('a3')" > Login Please </a>

In case of "iframe" based mode tab page is a child page relative to parent document, so valid code will be 

<a href="javascript:parent.tabbar.setTabActive('a3')" > Login Please </a>