dhtmlx tabs SAMPLE

HTML

<script src="https://googledrive.com/host/0B4bedT44-LokaV9tODJoX29BVFk"></script>
<link rel="stylesheet" href="https://googledrive.com/host/0B4bedT44-LokVFBFUXlaVEthaFE?t=.css">
<div id="my_tabbar"></div>

<div id="html_1" style="display: none;">
    <img border="0" src="http://dhtmlx.com/docs/products/dhtmlxTabbar/samples/common/page_a.gif">
</div>
<div id="html_2" style="display: none;">
    <img border="0" src="http://dhtmlx.com/docs/products/dhtmlxTabbar/samples/common/page_b.gif">
</div>

CSS

#my_tabbar { width:395px; height:390px; }

JavaScript

var myTabbar;
function doOnLoad() {

    myTabbar = new dhtmlXTabBar("my_tabbar");

    myTabbar.addTab("a1", "Tab 1-1", null, null, true);
    myTabbar.addTab("a2", "Tab 1-2");
    myTabbar.addTab("a3", "Tab 1-3");

    myTabbar.tabs("a1").attachObject("html_1");
    myTabbar.tabs("a2").attachObject("html_2");
    myTabbar.tabs("a3").attachHTMLString("The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");

}

doOnLoad();