diff options
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Popups_1.html')
-rw-r--r-- | swat/apps/qooxdoo-examples/test/Popups_1.html | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/Popups_1.html b/swat/apps/qooxdoo-examples/test/Popups_1.html new file mode 100644 index 0000000000..3dc6e634a6 --- /dev/null +++ b/swat/apps/qooxdoo-examples/test/Popups_1.html @@ -0,0 +1,106 @@ +<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>Test for the qx.ui.popup.Popup widget. qx.ui.popup.Popups are planned as the source constructor for tooltips, menus, ...</p> + <p>There is also a qx.manager.object.PopupManager which hides all registered qx.ui.popup.Popup instances which are configured to auto hide. + This is a nice method to omit to show more than one qx.ui.popup.Popup together (omit multiple QxTooltips, ...).</p> + </div> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var d = qx.ui.core.ClientDocument.getInstance(); + + + var w1 = new qx.ui.form.Button("Press"); + with(w1) + { + setTop(48); + setLeft(20); + setBackgroundColor(new qx.renderer.color.Color("#BDD2EF")); + setWidth(100); + setHeight(100); + setBorder(qx.renderer.border.BorderPresets.getInstance().outset); + setHorizontalAlign("center"); + }; + d.add(w1); + + + var w2 = new qx.ui.form.Button("Press"); + with(w2) + { + setTop(48); + setLeft(140); + setBackgroundColor(new qx.renderer.color.Color("#D1DFAD")); + setWidth(100); + setHeight(100); + setBorder(qx.renderer.border.BorderPresets.getInstance().outset); + setHorizontalAlign("center"); + }; + d.add(w2); + + + + + + + + + var p1 = new qx.ui.popup.Popup; + d.add(p1); + + var a1 = new qx.ui.basic.Atom("Hello World #1", "icon/16/paint.png"); + p1.add(a1); + + with(p1) + { + setBackgroundColor(new qx.renderer.color.Color("#FFFAD3")); + setBorder(qx.renderer.border.BorderPresets.getInstance().black); + setPadding(2, 4); + }; + + w1.addEventListener("click", function(e) + { + p1.setTop(e.getPageY() + 3); + p1.setLeft(e.getPageX() + 3); + p1.show(); + p1.bringToFront(); + }); + + + + var p2 = new qx.ui.popup.Popup; + d.add(p2); + + var a2 = new qx.ui.basic.Atom("Hello World #2", "icon/32/clock.png"); + p2.add(a2); + + with(p2) + { + setBackgroundColor(new qx.renderer.color.Color("#DFFAD3")); + setBorder(qx.renderer.border.BorderPresets.getInstance().black); + setPadding(2, 4); + }; + + w2.addEventListener("click", function(e) + { + p2.setTop(e.getPageY() + 3); + p2.setLeft(e.getPageX() + 3); + p2.show(); + p2.bringToFront(); + }); + }); + </script> +</body> +</html>
\ No newline at end of file |