3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>qooxdoo » Demo</title>
5 <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type="text/javascript" src="../../script/qx.js"></script>
12 <script type="text/javascript" src="../../script/layout.js"></script>
14 <div id="demoDescription">
15 <p>Test for the qx.ui.popup.Popup widget. qx.ui.popup.Popups are planned as the source constructor for tooltips, menus, ...</p>
16 <p>There is also a qx.manager.object.PopupManager which hides all registered qx.ui.popup.Popup instances which are configured to auto hide.
17 This is a nice method to omit to show more than one qx.ui.popup.Popup together (omit multiple QxTooltips, ...).</p>
18 <p>In this example we use a qx.ui.popup.PopupAtom. This is a popup with an automatically included qx.ui.basic.Atom, which
19 allowes you to easily use it for messages to the user or something like this.</p>
22 <script type="text/javascript">
23 qx.core.Init.getInstance().defineMain(function()
25 var d = qx.ui.core.ClientDocument.getInstance();
28 var w1 = new qx.ui.form.Button("Press");
33 setBackgroundColor(new qx.renderer.color.Color("#BDD2EF"));
36 setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
37 setHorizontalAlign("center");
42 var w2 = new qx.ui.form.Button("Press");
47 setBackgroundColor(new qx.renderer.color.Color("#D1DFAD"));
50 setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
51 setHorizontalAlign("center");
62 var p1 = new qx.ui.popup.PopupAtom("Hello World #1", "icon/16/paint.png");
67 setBackgroundColor(new qx.renderer.color.Color("#FFFAD3"));
68 setBorder(qx.renderer.border.BorderPresets.getInstance().black);
72 w1.addEventListener("click", function(e)
74 p1.setTop(e.getPageY() + 3);
75 p1.setLeft(e.getPageX() + 3);
82 var p2 = new qx.ui.popup.PopupAtom("Hello World #2", "icon/32/clock.png");
87 setBackgroundColor(new qx.renderer.color.Color("#DFFAD3"));
88 setBorder(qx.renderer.border.BorderPresets.getInstance().black);
92 w2.addEventListener("click", function(e)
94 p2.setTop(e.getPageY() + 3);
95 p2.setLeft(e.getPageX() + 3);