Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted on Feb 18, 2009 12:49
open dhtmlx forum
tabs are not working on IE on suite V 3

I am using dhtmlxsuite\r3... and facing a problem with tabbing on IE6:

it's working fine if I am clicking on tabs back and force, but after I set one of the tabs to be selected by code (not by clicking) as a result of some other action: myTabBar.setTabActive("tab3") and then trying to click on other tabs, content of tab3 is no hidden nomore.
No problem with same scenario on FF at all.

Thanks. There is a code:

function createTabBar(){
MyTabBar=new dhtmlXTabBar("myTabBar","top");
MyTabBar.setImagePath("dhtmlxsuite/dhtmlxTabbar/codebase/imgs/");
MyTabBar.setStyle("winDflt");
//MyTabBar.setSkin("modern");
MyTabBar.setSkinColors("#FFFFFF","#D3D3D3");
MyTabBar.setOffset("3");
MyTabBar.addTab("tab1","Search","100px");
MyTabBar.addTab("tab2","Setups","100px");

if(navigator.appName ==="Netscape"){
MyTabBar.addTab("tab3","Main","-2px");
}else{
if (typeof document.body.style.maxHeight != "undefined") {//IE7
MyTabBar.addTab("tab3","Main","0px");
}else{//IE6
MyTabBar.addTab("tab3","","1");
}
}
MyTabBar.setContent("tab1","content1");
MyTabBar.setContent("tab2","content2");
MyTabBar.setContent("tab3","MainContent");
MyTabBar.setTabActive("tab1");
}
Answer posted by Support on Feb 19, 2009 02:28
Problem caused by zero width assigned for the tab ( it cause error in IE, which blocks normal processing ) 
To resolve issue you can change code as

    MyTabBar.addTab("tab3", "Main", "20px");
    MyTabBar.tabsId["tab3"].style.visibility="hidden";


Third tab will be created, but it will be invisible