<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" type="text/javascript"></script>
 
<div style="height: 250px;"><div id="menuObj"></div></div>
<script>
var menu;
function initMenu() {
    var menuData = {
        parent: "menuObj",
        icon_path: "../common/imgs/",
        items: [{
            id: "file",
            text: "File",
            items: [{
                id: "new",
                text: "New",
                img: "new.gif"
            }, {
                id: "sep0",
                type: "separator"
            }, {
                id: "open",
                text: "Open",
                img: "open.gif"
            }, {
                id: "save",
                text: "Save",
                img: "save.gif"
            }, {
                id: "saveAs",
                text: "Save As...",
                disabled: true,
                img_disabled: "save_as_dis.gif"
            }, {
                id: "sep1",
                type: "separator"
            }, {
                id: "print",
                text: "Print",
                img: "print.gif"
            }, {
                id: "pageSetup",
                text: "Page Setup",
                disabled: true,
                img_disabled: "page_setup_dis.gif"
            }, {
                id: "sep2",
                type: "separator"
            }, {
                id: "close",
                text: "Close",
                img: "close.gif"
            }]
            }, {
            id: "edit",
            text: "Edit",
            items: [{
                id: "edit_undo",
                text: "Undo",
                img: "undo.gif"
            }, {
                id: "edit_redo",
                text: "Redo",
                img: "redo.gif"
            }, {
                id: "sep3",
                type: "separator"
            }, {
                id: "edit_select_all",
                text: "Select All",
                img: "select_all.gif"
            }, {
                id: "sep4",
                type: "separator"
            }, {
                id: "edit_cut",
                text: "Cut",
                img: "cut.gif"
            }, {
                id: "edit_copy",
                text: "Copy",
                img: "copy.gif"
            }, {
                id: "edit_paste",
                text: "Paste",
                img: "paste.gif"
            }]
            }, {
            id: "help",
            text: "Help",
            items: [{
                id: "about",
                text: "About...",
                img: "about.gif"
            }, {
                id: "help2",
                text: "Help",
                img: "help.gif"
            }, {
                id: "bugrep",
                text: "Bug Reporting",
                img: "bug_reporting.gif"
            }]
            }]
        };
    menu = new dhtmlXMenuObject(menuData);
}</script>