<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:30px;"/>
<script>
tabbar = new dhtmlXTabBar("a_tabbar", "top");
tabbar.setSkin('dhx_skyblue');
tabbar.setImagePath("../../codebase/imgs/");
tabbar.enableAutoSize(false, true);
tabbar.addTab("a1", "Tab 1-1", "100px");
tabbar.addTab("a2", "Tab 1-2", "100px");
tabbar.addTab("a3", "Tab 1-3", "100px");
tabbar.setContentHTML("a1", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setContentHTML("a2", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setContentHTML("a3", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setTabActive("a1");</script>