DHTMLX Docs & Samples Explorer

### Integration with dhtmlxMenu and dhtmlxToolbar

Source

    <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
    <script  src="../../codebase/dhtmlxcommon.js"></script>
    <script  src="../../codebase/dhtmlxtabbar.js"></script>
    <!-- dhtmlxMenu -->
    <script src="../../../dhtmlxMenu/codebase/dhtmlxmenu.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../dhtmlxMenu/codebase/skins/dhtmlxmenu_dhx_skyblue.css">
    <!-- dhtmlxToolbar -->
    <script src="../../../dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css">
    <script src="../../codebase/dhtmlxcontainer.js"></script>

    <div id="a_tabbar" style="width:395px; height:390px;"/>
    <script>tabbar = new dhtmlXTabBar("a_tabbar", "top");
    tabbar.setSkin('dhx_skyblue');
    tabbar.setImagePath("../../codebase/imgs/");
    tabbar.addTab("a1", "Tab 1-1", "100px");
    tabbar.addTab("a2", "Tab 1-2", "100px");
    tabbar.setTabActive("a1");
    var menu = tabbar.cells("a1").attachMenu();
    menu.setIconsPath("../../../dhtmlxMenu/samples/common/imgs/");
    menu.loadXML("../../../dhtmlxMenu/samples/common/dhxmenu.xml?" + new Date().getTime());
    var toolbar = tabbar.cells("a1").attachToolbar();
    toolbar.setIconsPath("../../../dhtmlxToolbar/samples/common/imgs/");
    toolbar.loadXML("../../../dhtmlxToolbar/samples/common/dhxtoolbar_button.xml?" + new Date().getTime());</script>