mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-25 17:33:49 +01:00
5e3c67a5cf
classes are now uppercase and in their own files. lowercase classes are deprecated. Interfaces are now actual interfaces that should be implemented instead of creating and returning an ai Object every time
188 lines
4.7 KiB
HTML
Executable File
188 lines
4.7 KiB
HTML
Executable File
<html lang="en">
|
|
<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.ts"></script>
|
|
<script src="../egw_menu_dhtmlx.ts"></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>
|