diff options
author | Derrell Lipman <derrell@samba.org> | 2006-12-30 05:09:59 +0000 |
---|---|---|
committer | Gerald (Jerry) Carter <jerry@samba.org> | 2007-10-10 14:30:29 -0500 |
commit | 1170417ceeb8c49a46cda522a38eaa71c9cae30c (patch) | |
tree | dbf4c3fdcdb1af928dbd55f642ea40f00d09283a /webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_2.html | |
parent | 23ccdca41670085da4486841b0d4900b4c8b02f3 (diff) | |
download | samba-1170417ceeb8c49a46cda522a38eaa71c9cae30c.tar.gz samba-1170417ceeb8c49a46cda522a38eaa71c9cae30c.tar.bz2 samba-1170417ceeb8c49a46cda522a38eaa71c9cae30c.zip |
r20414: Start to make SWAT usable by others. This is just a start...
(This used to be commit 26a34037a7ca6fbd05c5a6f7c2d5973e34bc6918)
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_2.html')
-rw-r--r-- | webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_2.html | 187 |
1 files changed, 187 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_2.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_2.html new file mode 100644 index 0000000000..b80d6414cb --- /dev/null +++ b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_2.html @@ -0,0 +1,187 @@ +<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>Example to show correct calculations of qx.ui.basic.Atom sizes. Normally a qx.ui.basic.Atom has only the size of its content.</p> + </div> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var w = qx.ui.core.ClientDocument.getInstance(); + + + function alertoff() { + alert(this.getElement().offsetWidth + "x" + this.getElement().offsetHeight); + }; + + var l1 = new qx.ui.layout.CanvasLayout(); + var l2 = new qx.ui.layout.CanvasLayout(); + + with(l1) + { + setTop(100); + setLeft(20); + setWidth(500); + setHeight(1); + setBackgroundColor("red"); + setOverflow("hidden"); + }; + + with(l2) + { + setTop(123); + setLeft(20); + setWidth(500); + setHeight(1); + setBackgroundColor("red"); + setOverflow("hidden"); + }; + + w.add(l1); + w.add(l2); + + + + var a1 = new qx.ui.basic.Atom("Pure Text", "icon/22/folder.png"); + var a2 = new qx.ui.basic.Atom(null, "icon/22/folder.png"); + + with(a1) { + setBorder(new qx.renderer.border.Border(1, "solid", "black")); + setTop(100); + setLeft(120); + }; + + with(a2) { + setBorder(new qx.renderer.border.Border(1, "solid", "black")); + setTop(100); + setLeft(300); + }; + + w.add(a1); + w.add(a2); + + a1.addEventListener("click", alertoff); + a2.addEventListener("click", alertoff); + + + + var l3 = new qx.ui.layout.CanvasLayout(); + var l4 = new qx.ui.layout.CanvasLayout(); + + with(l3) + { + setTop(200); + setLeft(20); + setWidth(500); + setHeight(1); + setBackgroundColor("red"); + setOverflow("hidden"); + }; + + with(l4) + { + setTop(233); + setLeft(20); + setWidth(500); + setHeight(1); + setBackgroundColor("red"); + setOverflow("hidden"); + }; + + w.add(l3); + w.add(l4); + + + var b1 = new qx.ui.basic.Atom("Pure Text", "icon/32/network.png"); + var b2 = new qx.ui.basic.Atom(null, "icon/32/network.png"); + + with(b1) { + setBorder(new qx.renderer.border.Border(1, "solid", "black")); + setTop(200); + setLeft(120); + }; + + with(b2) { + setBorder(new qx.renderer.border.Border(1, "solid", "black")); + setTop(200); + setLeft(300); + }; + + w.add(b1); + w.add(b2); + + b1.addEventListener("click", alertoff); + b2.addEventListener("click", alertoff); + + + + + + + var l5 = new qx.ui.layout.CanvasLayout(); + var l6 = new qx.ui.layout.CanvasLayout(); + + with(l5) + { + setTop(300); + setLeft(20); + setWidth(500); + setHeight(1); + setBackgroundColor("red"); + setOverflow("hidden"); + }; + + with(l6) + { + setTop(317); + setLeft(20); + setWidth(500); + setHeight(1); + setBackgroundColor("red"); + setOverflow("hidden"); + }; + + w.add(l5); + w.add(l6); + + + var c1 = new qx.ui.basic.Atom("Pure Text", "icon/16/network.png"); + var c2 = new qx.ui.basic.Atom(null, "icon/16/network.png"); + + with(c1) { + setBorder(new qx.renderer.border.Border(1, "solid", "black")); + setTop(300); + setLeft(120); + }; + + with(c2) { + setBorder(new qx.renderer.border.Border(1, "solid", "black")); + setTop(300); + setLeft(300); + }; + + w.add(c1); + w.add(c2); + + c1.addEventListener("click", alertoff); + c2.addEventListener("click", alertoff); + + + + + + }); + </script> +</body> +</html> |