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”);
}
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