egroupware_official/api/js/egw_action/test/test_menu.html

188 lines
4.7 KiB
HTML

<html>
<head>
<title>Test page for the egw menu</title>
<link rel="stylesheet" type="text/css" href="skins/dhtmlxmenu_egw.css">
<script src="js/dhtmlxcommon.js"></script>
<script src="js/dhtmlxmenu.js"></script>
<script src="js/dhtmlxmenu_ext.js"></script>
<script src="../egw_menu.js"></script>
<script src="../egw_menu_dhtmlx.js"></script>
</head>
<body style="width:95%; height:95%; font-family: sans-serif">
<script>
var menu = new egwMenu();
menu.loadStructure(
[
{
"id": "file_menu",
"caption": "Test1",
"children": [
{
"id": "file_open",
"caption": "Open file...",
"iconUrl": "imgs/folder.png",
"default": true,
"shortcutCaption": "CTRL + A"
},
{
"caption": "-"
},
{
"id": "file_save",
"caption": "Save",
"enabled": false,
"iconUrl": "imgs/disk.png"
},
{
"id": "file_save_as",
"caption": "Save as..."
},
{
"caption": "-"
},
{
"caption": "Recently loaded",
"children": [
{
"id": "rec1",
"caption": "file1.txt",
"iconUrl": "imgs/page.png",
},
{
"id": "rec2",
"caption": "file2.txt",
"iconUrl": "imgs/page.png",
},
{
"id": "rec3",
"caption": "file3.txt",
"iconUrl": "imgs/page.png",
}
]
}
]
},
{
"caption": "Test2",
"children": [
{
"caption": "Use speed enhancer",
"checkbox": true,
"groupIndex": 0,
"checked": true
},
{
"caption": "Reduce memory impact",
"checkbox": true,
"groupIndex": 0
}
]
},
{
"caption": "Test3",
"children": [
{
"caption": "Option1.1",
"checkbox": true,
"groupIndex": 1,
"checked": true
},
{
"caption": "Option1.2",
"checkbox": true,
"groupIndex": 1
},
{
"caption": "Option1.3",
"checkbox": true,
"groupIndex": 1
},
{
"caption": "-"
},
{
"caption": "Option2.1",
"checkbox": true,
"groupIndex": 2
},
{
"caption": "Option2.2",
"checkbox": true,
"groupIndex": 2,
"checked": true
},
{
"caption": "Option2.3",
"checkbox": true,
"groupIndex": 2
},
{
"caption": "-"
},
{
"caption": "Extra options",
"iconUrl": "imgs/wrench.png",
"children": [
{
"caption": "Option1.1",
"checkbox": true,
"groupIndex": 1
},
{
"caption": "Option1.2",
"checkbox": true,
"groupIndex": 1
},
{
"caption": "Option1.3",
"checkbox": true,
"groupIndex": 1,
"checked": true
}
]
}
]
}
]
);
menu.setGlobalOnClick(alertCaption);
function alertCaption(elem)
{
if (console && console.log)
console.log(elem);
}
function getPageXY(event)
{
// document.body.scrollTop does not work in IE
var scrollTop = document.body.scrollTop ? document.body.scrollTop :
document.documentElement.scrollTop;
var scrollLeft = document.body.scrollLeft ? document.body.scrollLeft :
document.documentElement.scrollLeft;
return {'x': (event.clientX + scrollLeft), 'y': (event.clientY + scrollTop)};
}
document.body.oncontextmenu = function(e)
{
if (!e)
e = window.event;
var pos = getPageXY(e);
show_menu(pos.x, pos.y);
return false;
}
function show_menu(_x, _y)
{
menu.showAt(_x, _y);
}
</script>
</body>
</html>