summaryrefslogtreecommitdiff
path: root/swat/apps/qooxdoo-examples/test/Menu_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Menu_1.html')
-rw-r--r--swat/apps/qooxdoo-examples/test/Menu_1.html129
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 &raquo; 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>