<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxmenu.js"></script>
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
<div id="contextArea" style="position: relative; left: 20px; top: 20px; width: 600px; height: 400px; border: #C1C1C1 1px solid; background-color: #E7F4FF;"></div>
<br>
<script>var menu;
function initMenu() {
var pObj = document.getElementById("contextArea");
var x1 = getAbsoluteLeft(pObj);
var x2 = x1 + pObj.offsetWidth;
var y1 = getAbsoluteTop(pObj);
var y2 = y1 + pObj.offsetHeight;
menu = new dhtmlXMenuObject("contextArea");
menu.setIconsPath("../common/imgs/");
menu.renderAsContextMenu(true);
menu.setVisibleArea(x1, x2, y1, y2);
menu.setOverflowHeight("auto");
menu.loadXML("../common/dhxmenu3.xml?e=" + new Date().getTime());
}
</script>