DHTMLX Docs & Samples Explorer

### Navigation by javascript

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:595px; height:190px;"></div>
            <br/>
    <input type='Button' value='Prev' onclick='tabbar.goToPrevTab()'>
    <input type='Button' onclick='alert(tabbar.getActiveTab());' value='Current'>
    <input type='Button' value='Next' onclick='tabbar.goToNextTab()'>
    <input type='Button' value='Set active tab' onclick='tabbar.setTabActive(this.nextSibling.value)'><select>
        <option value="a1">a1</option>
        <option value="a2">a2</option>
        <option value="a3">a3</option>
        <option value="a4">a4</option>
        <option value="a5">a5</option>
    </select>
    <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.addTab("a3", "Tab 1-3", "100px");
    tabbar.addTab("a4", "Tab 1-4", "100px");
    tabbar.addTab("a5", "Tab 1-5", "100px");
    tabbar.setTabActive("a1");</script>