<script type="text/javascript" src="../../codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="../../codebase/dhtmlxtoolbar.js"></script>
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxtoolbar_dhx_skyblue.css"></link>
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxtoolbar_dhx_web.css"></link>
<script>var dhxToolbar,
dhxToolbar2;
function doOnLoad() {
dhxToolbar = new dhtmlXToolbarObject("toolbarObj", "dhx_skyblue");
loadToolbar(18);
dhxToolbar2 = new dhtmlXToolbarObject("toolbarObj2", "dhx_web");
loadToolbar2(18);
}
function loadToolbar(a) {
dhxToolbar.clearAll();
dhxToolbar.setIconSize(a);
dhxToolbar.setIconsPath("../common/icon_size/" + a + "/");
dhxToolbar.loadXML("../common/dhxtoolbar_button2.xml?etc=" + new Date().getTime());
}
function loadToolbar2(a) {
dhxToolbar2.clearAll();
dhxToolbar2.setIconSize(a);
dhxToolbar2.setIconsPath("../common/icon_size/" + a + "/");
dhxToolbar2.loadXML("../common/dhxtoolbar_button2.xml?etc=" + new Date().getTime());
}
</script>
<table>
<tr>
<td>
<div style="padding-bottom: 10px;">
<input type="button" value="18" onclick="loadToolbar(18);">
<input type="button" value="24" onclick="loadToolbar(24);">
<input type="button" value="32" onclick="loadToolbar(32);">
<input type="button" value="48" onclick="loadToolbar(48);">
</div>
<div style="height: 350px; width: 400px;"><div id="toolbarObj"></div></div>
</td>
<td width="50"> </td>
<td>
<div style="padding-bottom: 10px;">
<input type="button" value="18" onclick="loadToolbar2(18);">
<input type="button" value="24" onclick="loadToolbar2(24);">
<input type="button" value="32" onclick="loadToolbar2(32);">
<input type="button" value="48" onclick="loadToolbar2(48);">
</div>
<div style="height: 350px; width: 400px;"><div id="toolbarObj2"></div></div>
</td>
</tr>
</table>