DHTMLX Docs & Samples Explorer

Tabbar with scrollbars





Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtabbar.js"></script>
 
 
<div id="a_tabbar" style="width:315px; height:100px;"></div><br/>
<div id="b_tabbar" style="width:315px; height:100px;"></div><br/>
<div id="c_tabbar" style="width:315px; height:100px;"></div><br/>
<div id="d_tabbar" style="width:315px; height:100px;"></div><br/>
 
<script>
function do_tabbar(cont, skin) {
    var tabbar = new dhtmlXTabBar(cont, "top");
    tabbar.setSkin(skin);
    tabbar.setImagePath("../../codebase/imgs/");
    tabbar.addTab("a1", "Tab 1-1", "100px");
    tabbar.addTab("a2", "Tab 1-2", "100px");
    tabbar.addTab("a3", "Tab 1-3", "100px");
    tabbar.addTab("b1", "Tab 2-1", "300px");
    tabbar.addTab("c1", "Tab 3-1", "100px");
    tabbar.addTab("c2", "Tab 3-2", "100px");
    tabbar.addTab("c3", "Tab 3-3", "100px");
    tabbar.setTabActive("a1");
}
do_tabbar("a_tabbar", "default");
do_tabbar("b_tabbar", "dhx_blue");
do_tabbar("c_tabbar", "dhx_black");
do_tabbar("d_tabbar", "dhx_skyblue");
</script>