diff options
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Menu_1.html')
-rw-r--r-- | swat/apps/qooxdoo-examples/test/Menu_1.html | 129 |
1 files changed, 129 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/Menu_1.html b/swat/apps/qooxdoo-examples/test/Menu_1.html new file mode 100644 index 0000000000..4a9935d462 --- /dev/null +++ b/swat/apps/qooxdoo-examples/test/Menu_1.html @@ -0,0 +1,129 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo</title> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/qx.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>qx.ui.menu.Menu Implementation</p> + </div> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var d = qx.ui.core.ClientDocument.getInstance(); + + + var m2 = new qx.ui.menu.Menu; + + var mb2_01 = new qx.ui.menu.MenuButton("New Window"); + var mb2_02 = new qx.ui.menu.MenuButton("Overlapping"); + var mb2_03 = new qx.ui.menu.MenuButton("Split Vertical"); + var mb2_04 = new qx.ui.menu.MenuButton("Split Horizontal"); + var mb2_05 = new qx.ui.menu.MenuButton("Next Window"); + var mb2_06 = new qx.ui.menu.MenuButton("Previous Window"); + + m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06); + + + + + var m3 = new qx.ui.menu.Menu; + + var mb3_01 = new qx.ui.menu.MenuButton("Tahoma, 11pt"); + var mb3_02 = new qx.ui.menu.MenuButton("Tahoma, 12pt"); + var mb3_03 = new qx.ui.menu.MenuButton("Tahoma, 13pt"); + var mb3_04 = new qx.ui.menu.MenuButton("Tahoma, 14pt"); + var mb3_05 = new qx.ui.menu.MenuButton("Tahoma, 15pt"); + + m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05); + + + + var m1 = new qx.ui.menu.Menu; + + var mb1_01 = new qx.ui.menu.MenuButton("View/Lists"); + var mb1_02 = new qx.ui.menu.MenuButton("Syntax Highlighting"); + var ms1 = new qx.ui.menu.MenuSeparator(); + var mb1_03 = new qx.ui.menu.MenuButton("Window Font"); + var mb1_04 = new qx.ui.menu.MenuButton("Printer Font", null, null, m3); + var ms2 = new qx.ui.menu.MenuSeparator(); + var mb1_05 = new qx.ui.menu.MenuButton("Undo"); + var mb1_06 = new qx.ui.menu.MenuButton("Redo"); + var ms3 = new qx.ui.menu.MenuSeparator(); + var mb1_07 = new qx.ui.menu.MenuButton("Cut", "icon/16/edit-cut.png"); + var mb1_08 = new qx.ui.menu.MenuButton("Copy", "icon/16/edit-copy.png"); + var mb1_09 = new qx.ui.menu.MenuButton("Paste", "icon/16/edit-paste.png"); + var mb1_10 = new qx.ui.menu.MenuButton("Delete", "icon/16/edit-delete.png"); + var mb1_11 = new qx.ui.menu.MenuButton("Select All"); + var ms4 = new qx.ui.menu.MenuSeparator(); + var mb1_12 = new qx.ui.menu.MenuButton("Search"); + var mb1_13 = new qx.ui.menu.MenuButton("Search Again"); + var ms5 = new qx.ui.menu.MenuSeparator(); + var mb1_14 = new qx.ui.menu.MenuButton("View", null, null, m2); + var mb1_15 = new qx.ui.menu.MenuButton("Editor Settings..."); + var mb1_16 = new qx.ui.menu.MenuButton("Editor Plugins"); + var mb1_17 = new qx.ui.menu.MenuButton("Framework Settings"); + + m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17); + + + d.add(m1, m2, m3); + + + + + + var w1 = new qx.ui.form.Button("Open"); + + w1.setTop(48); + w1.setLeft(20); + + w1.addEventListener("click", function(e) + { + if (m1.isSeeable()) + { + m1.hide(); + } + else + { + var el = this.getElement(); + + m1.setLeft(qx.dom.DomLocation.getPageBoxLeft(el)); + m1.setTop(qx.dom.DomLocation.getPageBoxBottom(el)); + + m1.show(); + }; + + e.setPropagationStopped(true); + }); + + w1.addEventListener("mousedown", function(e) + { + e.setPropagationStopped(true); + }); + + + d.add(w1); + + + + + + // Icon Themes + qx.manager.object.ImageManager.getInstance().createThemeList(d, 180, 48); + + // Color Themes + qx.manager.object.ColorManager.getInstance().createThemeList(d, 380, 48); + + }); + </script> +</body> +</html> |