summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_1.html')
-rw-r--r--webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_1.html286
1 files changed, 286 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_1.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_1.html
new file mode 100644
index 0000000000..f8bebf672d
--- /dev/null
+++ b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Atom_1.html
@@ -0,0 +1,286 @@
+<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 speed tests for qx.ui.basic.Atom. Please regard, that many of things in the finished
+ page are modified on the already created and visible qx.ui.basic.Atom instances. This is not
+ a good example in scripting qooxdoo. It's always faster to configure a instance of qx.ui.core.Widget
+ completely, before add it to the qx.ui.core.ClientDocument or any other visible parent qx.ui.core.Widget.</p>
+ </div>
+
+ <script type="text/javascript">
+ qx.core.Init.getInstance().defineMain(function()
+ {
+ var d = qx.ui.core.ClientDocument.getInstance();
+
+ /*
+ ----------------------------------------------
+ TEST LEVEL I
+ ----------------------------------------------
+ */
+
+ var la1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
+ with(la1)
+ {
+ setTop(48);
+ setLeft(20);
+ setIconPosition("left");
+ };
+ d.add(la1);
+
+
+ var la2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
+ with(la2)
+ {
+ setTop(148);
+ setLeft(20);
+ setIconPosition("right");
+ };
+ d.add(la2);
+
+
+ var la3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
+ with(la3)
+ {
+ setTop(248);
+ setLeft(20);
+ setIconPosition("top");
+ };
+ d.add(la3);
+
+
+ var la4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
+ with(la4)
+ {
+ setTop(348);
+ setLeft(20);
+ setIconPosition("bottom");
+ };
+ d.add(la4);
+
+
+ /*
+ ----------------------------------------------
+ TEST LEVEL II
+ ----------------------------------------------
+ */
+
+ var lb1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
+ with(lb1)
+ {
+ setTop(48);
+ setLeft(120);
+ setIconPosition("left");
+ };
+ d.add(lb1);
+ lb1.setIconPosition("right");
+
+
+ var lb2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
+ with(lb2)
+ {
+ setTop(148);
+ setLeft(120);
+ setIconPosition("right");
+ };
+ d.add(lb2);
+ lb2.setIconPosition("left");
+
+
+ var lb3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
+ with(lb3)
+ {
+ setTop(248);
+ setLeft(120);
+ setIconPosition("top");
+ };
+ d.add(lb3);
+ lb3.setIconPosition("bottom");
+
+
+ var lb4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
+ with(lb4)
+ {
+ setTop(348);
+ setLeft(120);
+ setIconPosition("bottom");
+ };
+ d.add(lb4);
+ lb4.setIconPosition("top");
+
+
+
+
+ /*
+ ----------------------------------------------
+ TEST LEVEL III
+ ----------------------------------------------
+ */
+
+ var lc1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
+ with(lc1)
+ {
+ setTop(48);
+ setLeft(220);
+ setIconPosition("left");
+ };
+ d.add(lc1);
+ lc1.setIconPosition("top");
+
+
+ var lc2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
+ with(lc2)
+ {
+ setTop(148);
+ setLeft(220);
+ setIconPosition("right");
+ };
+ d.add(lc2);
+ lc2.setIconPosition("bottom");
+
+
+ var lc3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
+ with(lc3)
+ {
+ setTop(248);
+ setLeft(220);
+ setIconPosition("top");
+ };
+ d.add(lc3);
+ lc3.setIconPosition("right");
+
+
+ var lc4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
+ with(lc4)
+ {
+ setTop(348);
+ setLeft(220);
+ setIconPosition("bottom");
+ };
+ d.add(lc4);
+ lc4.setIconPosition("left");
+
+
+
+
+ /*
+ ----------------------------------------------
+ TEST LEVEL IV
+ ----------------------------------------------
+ */
+
+ var ld1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
+ with(ld1)
+ {
+ setTop(48);
+ setLeft(320);
+ setIconPosition("left");
+ };
+ d.add(ld1);
+ ld1.setIconPosition("bottom");
+
+
+ var ld2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
+ with(ld2)
+ {
+ setTop(148);
+ setLeft(320);
+ setIconPosition("right");
+ };
+ d.add(ld2);
+ ld2.setIconPosition("top");
+
+
+ var ld3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
+ with(ld3)
+ {
+ setTop(248);
+ setLeft(320);
+ setIconPosition("top");
+ };
+ d.add(ld3);
+ ld3.setIconPosition("left");
+
+
+ var ld4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
+ with(ld4)
+ {
+ setTop(348);
+ setLeft(320);
+ setIconPosition("bottom");
+ };
+ d.add(ld4);
+ ld4.setIconPosition("right");
+
+
+
+
+
+ /*
+ ----------------------------------------------
+ TEST LEVEL V
+ ----------------------------------------------
+ */
+
+ var le1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
+ with(le1)
+ {
+ setTop(48);
+ setLeft(420);
+ setIconPosition("right");
+ };
+ d.add(le1);
+ le1.setIconPosition("top");
+
+
+ var le2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
+ with(le2)
+ {
+ setTop(148);
+ setLeft(420);
+ setIconPosition("left");
+ };
+ d.add(le2);
+ le2.setIconPosition("bottom");
+
+
+ var le3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
+ with(le3)
+ {
+ setTop(248);
+ setLeft(420);
+ setIconPosition("top");
+ };
+ d.add(le3);
+ le3.setIconPosition("right");
+
+
+ var le4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
+ with(le4)
+ {
+ setTop(348);
+ setLeft(420);
+ setIconPosition("bottom");
+ };
+ d.add(le4);
+ le4.setIconPosition("left");
+
+
+
+
+
+
+ });
+ </script>
+</body>
+</html>