Initialization from the script : object API

Tab 1-1

Tab 1-2

Tab 1-3

The content can be set as HTML node or as HTML text.

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:395px; height:390px;"/>
<div id='html_1'><img src="../common/page_a.gif"></div>
<div id='html_2'><img src="../common/page_b.gif"></div>
<script>tabbar = new dhtmlXTabBar({
    parent: "a_tabbar",
    image_path: "../../codebase/imgs/",
    skin: "dhx_skyblue",
    tabs: [{
        id: "a1",
        label: "Tab 1-1",
        width: "100px"
    }, {
        id: "a2",
        label: "Tab 1-2",
        width: "100px",
        active: true
    }, {
        id: "a3",
        label: "Tab 1-3",
        width: "100px"
    }]
    });
tabbar.setContent("a1", "html_1");
tabbar.setContent("a2", "html_2");
tabbar.setContentHTML("a3", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");</script>