summaryrefslogtreecommitdiff
path: root/swat/apps/qooxdoo-examples/test/Window_5.html
diff options
context:
space:
mode:
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Window_5.html')
-rw-r--r--swat/apps/qooxdoo-examples/test/Window_5.html221
1 files changed, 221 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/Window_5.html b/swat/apps/qooxdoo-examples/test/Window_5.html
new file mode 100644
index 0000000000..d46c59a2cf
--- /dev/null
+++ b/swat/apps/qooxdoo-examples/test/Window_5.html
@@ -0,0 +1,221 @@
+<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>Some tests for zIndex handling for different widgets.</p>
+ </div>
+
+ <script type="text/javascript">
+ qx.core.Init.getInstance().defineMain(function()
+ {
+ var d = qx.ui.core.ClientDocument.getInstance();
+
+
+ var btnaler = new qx.ui.form.Button("Open Alert", "icon/16/error.png");
+ btnaler.setLocation(450, 50);
+ qx.ui.core.ClientDocument.getInstance().add(btnaler);
+
+
+ var aler = new qx.ui.popup.PopupAtom("Attention", "icon/128/error.png");
+ aler.setLocation(40, 70);
+ aler.setBackgroundColor("yellow");
+ aler.setOpacity(0.5);
+ qx.ui.core.ClientDocument.getInstance().add(aler);
+
+ btnaler.addEventListener("execute", function(e)
+ {
+ aler.show();
+ });
+
+
+
+ var bar = new qx.ui.basic.Terminator;
+ bar.setLocation(0, 0);
+ bar.setWidth(50);
+ bar.setBottom(0);
+ bar.setBackgroundColor("black");
+ bar.setOpacity(0.5);
+ bar.setZIndex(1e7);
+ qx.ui.core.ClientDocument.getInstance().add(bar);
+
+
+
+
+ var w1 = new qx.ui.window.Window("Application Window");
+ w1.setSpace(20, 400, 48, 250);
+ d.add(w1);
+
+
+
+ var m1 = new qx.ui.menu.Menu;
+
+ var mb11 = new qx.ui.menu.MenuButton("Open");
+ var mb12 = new qx.ui.menu.MenuButton("Save");
+ var mb13 = new qx.ui.menu.MenuButton("Close");
+ var mb14 = new qx.ui.menu.MenuButton("Exit");
+
+ m1.add(mb11, mb12, mb13, mb14);
+
+ var m2 = new qx.ui.menu.Menu;
+
+ var mb21 = new qx.ui.menu.MenuButton("Cut");
+ var mb22 = new qx.ui.menu.MenuButton("Copy");
+ var mb23 = new qx.ui.menu.MenuButton("Paste");
+
+ m2.add(mb21, mb22, mb23);
+
+ var m3 = new qx.ui.menu.Menu;
+
+ var mb31 = new qx.ui.menu.MenuButton("Toolbars");
+ var mb32 = new qx.ui.menu.MenuButton("Options");
+
+ m3.add(mb31, mb32);
+
+ var m4 = new qx.ui.menu.Menu;
+
+ var mb41 = new qx.ui.menu.MenuButton("Help");
+ var mb42 = new qx.ui.menu.MenuButton("Info");
+
+ m4.add(mb41, mb42);
+
+ qx.ui.core.ClientDocument.getInstance().add(m1, m2, m3, m4);
+
+
+
+
+
+
+
+ var t1 = new qx.ui.toolbar.ToolBar;
+
+ t1.setLocation(0, 0);
+ t1.setRight(0);
+
+ var tb1 = new qx.ui.toolbar.ToolBarMenuButton("File", m1);
+ var tb2 = new qx.ui.toolbar.ToolBarMenuButton("Edit", m2);
+ var tb3 = new qx.ui.toolbar.ToolBarMenuButton("View", m3);
+ var tb4 = new qx.ui.toolbar.ToolBarMenuButton("Help", m4);
+
+ t1.add(tb1, tb2, tb3, tb4);
+
+ w1.add(t1);
+
+ var tt1 = new qx.ui.popup.ToolTip("File Menu Button");
+ var tt2 = new qx.ui.popup.ToolTip("Edit Menu Button");
+ var tt3 = new qx.ui.popup.ToolTip("View Menu Button");
+ var tt4 = new qx.ui.popup.ToolTip("Help Menu Button");
+
+ tb1.setToolTip(tt1);
+ tb2.setToolTip(tt2);
+ tb3.setToolTip(tt3);
+ tb4.setToolTip(tt4);
+
+ qx.ui.core.ClientDocument.getInstance().add(tt1, tt2, tt3, tt4);
+
+
+
+
+
+
+
+
+ var c1 = new qx.ui.form.ComboBox;
+
+ c1.setLocation(0, 35);
+
+ c1.getList().add(new qx.ui.form.ListItem("Item 1"));
+ c1.getList().add(new qx.ui.form.ListItem("Item 2"));
+ c1.getList().add(new qx.ui.form.ListItem("Item 3"));
+ c1.getList().add(new qx.ui.form.ListItem("Item 4"));
+ c1.getList().add(new qx.ui.form.ListItem("Item 5"));
+
+ w1.add(c1);
+
+
+
+
+
+ var square = new qx.ui.basic.Terminator;
+ square.setDimension(50, 50);
+ square.setLocation(0, 70);
+ square.setBackgroundColor("blue");
+ w1.add(square);
+
+
+ var p1 = new qx.ui.popup.PopupAtom("Hello World");
+ p1.setBorder(4, "solid", "red");
+ p1.setBackgroundColor("yellow");
+ p1.setLocation(0, 70);
+ p1.setAutoHide(false);
+ w1.add(p1);
+
+ var p2 = new qx.ui.popup.PopupAtom("Hello World");
+ p2.setBorder(4, "solid", "yellow");
+ p2.setBackgroundColor("red");
+ p2.setLocation(30, 70);
+ p2.setAutoHide(false);
+ w1.add(p2);
+
+
+ var btn1 = new qx.ui.form.Button("Show1");
+ btn1.setLocation(140, 70);
+ w1.add(btn1);
+
+ var btn2 = new qx.ui.form.Button("Hide1");
+ btn2.setLocation(190, 70);
+ w1.add(btn2);
+
+ btn1.addEventListener("execute", function(e) {
+ p1.show();
+ });
+
+ btn2.addEventListener("execute", function(e) {
+ p1.hide();
+ });
+
+
+
+ var btn3 = new qx.ui.form.Button("Show2");
+ btn3.setLocation(250, 70);
+ w1.add(btn3);
+
+ var btn4 = new qx.ui.form.Button("Hide2");
+ btn4.setLocation(300, 70);
+ w1.add(btn4);
+
+ btn3.addEventListener("execute", function(e) {
+ p2.show();
+ });
+
+ btn4.addEventListener("execute", function(e) {
+ p2.hide();
+ });
+
+
+
+ w1.open();
+
+
+
+
+
+ var w2 = new qx.ui.window.Window("Test 2");
+ w2.setDimension(400, 200);
+ w2.setLocation(200, 200);
+ qx.ui.core.ClientDocument.getInstance().add(w2);
+ w2.show();
+
+ });
+ </script>
+</body>
+</html> \ No newline at end of file