DHTMLX Docs & Samples Explorer

Header Control

Source
<!--
-->
 
 
 
<link rel="stylesheet" type="text/css" href="../../codebase/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxwindows_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxwindows.js"></script>
 
<script src="../../codebase/dhtmlxcontainer.js"></script>
 
<div>
<input type="button" value="Show #2 Header" onclick="showHeader();">
<input type="button" value="Hide #2 Header" onclick="hideHeader();">
</div>
<div id="winVP" style="position: relative; height: 500px; border: #cecece 1px solid; margin: 10px;"></div>
<script>
var dhxWins,
w2;
function doOnLoad() {
    dhxWins = new dhtmlXWindows();
    dhxWins.enableAutoViewport(false);
    dhxWins.attachViewportTo("winVP");
    dhxWins.setImagePath("../../codebase/imgs/");
    w2 = dhxWins.createWindow("w2", 20, 30, 320, 240);
    w2.setText("dhtmlxWindow #2");
    w2.button("close").disable();
    w2.hideHeader();
}
function showHeader() {
    w2.showHeader();
}
function hideHeader() {
    w2.hideHeader();
}
</script>