<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxtoolbar_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxtoolbar_dhx_web.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxWindows/codebase/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_web.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxGrid/codebase/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_web.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxtoolbar.js"></script>
<script src="../../../dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
<script src="../../../dhtmlxWindows/codebase/dhtmlxcontainer.js"></script>
<script src="../../../dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
<script src="../../../dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
<script>var dhxWins,
w1,
dhxGrid,
dhxToolbar;
var dhxWins2,
w2,
dhxGrid2,
dhxToolbar2;
function doOnLoad() {
dhxWins = new dhtmlXWindows();
dhxWins.setSkin("dhx_skyblue");
dhxWins.enableAutoViewport(false);
dhxWins.attachViewportTo("winVP");
dhxWins.setImagePath("../../../dhtmlxWindows/codebase/imgs/");
w1 = dhxWins.createWindow("w1", 20, 30, 400, 350);
w1.setText("Mobile Phones");
w1.attachEvent("onClose", function() {
return false;
});
dhxGrid = w1.attachGrid();
dhxGrid.setImagePath("../../../dhtmlxGrid/codebase/imgs/");
dhxGrid.loadXML("../common/grid.xml?etc=" + new Date().getTime());
dhxToolbar = w1.attachToolbar();
loadToolbar(18);
dhxWins2 = new dhtmlXWindows();
dhxWins2.setSkin("dhx_web");
dhxWins2.enableAutoViewport(false);
dhxWins2.attachViewportTo("winVP2");
dhxWins2.setImagePath("../../../dhtmlxWindows/codebase/imgs/");
w2 = dhxWins2.createWindow("w1", 20, 30, 400, 350);
w2.setText("Mobile Phones");
w2.attachEvent("onClose", function() {
return false;
});
dhxGrid2 = w2.attachGrid();
dhxGrid2.setImagePath("../../../dhtmlxGrid/codebase/imgs/");
dhxGrid2.loadXML("../common/grid.xml?etc=" + new Date().getTime());
dhxToolbar2 = w2.attachToolbar();
loadToolbar2(18);
}
function loadToolbar(a) {
dhxToolbar.clearAll();
dhxToolbar.setIconSize(a);
dhxToolbar.setIconsPath("../common/icon_size/" + a + "/");
dhxToolbar.loadXML("../common/dhxtoolbar_button2.xml?" + new Date().getTime());
}
function loadToolbar2(a) {
dhxToolbar2.clearAll();
dhxToolbar2.setIconSize(a);
dhxToolbar2.setIconsPath("../common/icon_size/" + a + "/");
dhxToolbar2.loadXML("../common/dhxtoolbar_button2.xml?" + 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 id="winVP" style="position: relative; width: 600px; height: 500px; border: #cecece 1px solid;"></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 id="winVP2" style="position: relative; width: 600px; height: 500px; border: #cecece 1px solid;"></div>
</td>
</tr>
</table>