swat.obsolete/apps/qooxdoo-examples/test/Atom_1.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4   <title>qooxdoo &raquo; Demo</title>
   5   <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
   6   <!--[if IE]>
   7   <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
   8   <![endif]-->
   9   <script type="text/javascript" src="../../script/qx.js"></script>
  10 </head>
  11 <body>
  12   <script type="text/javascript" src="../../script/layout.js"></script>
  13
  14   <div id="demoDescription">
  15     <p>Some speed tests for qx.ui.basic.Atom. Please regard, that many of things in the finished
  16     page are modified on the already created and visible qx.ui.basic.Atom instances. This is not
  17     a good example in scripting qooxdoo. It's always faster to configure a instance of qx.ui.core.Widget
  18     completely, before add it to the qx.ui.core.ClientDocument or any other visible parent qx.ui.core.Widget.</p>
  19   </div>
  20
  21   <script type="text/javascript">
  22   qx.core.Init.getInstance().defineMain(function()
  23   {
  24     var d = qx.ui.core.ClientDocument.getInstance();
  25
  26     /*
  27     ----------------------------------------------
  28     TEST LEVEL I
  29     ----------------------------------------------
  30     */
  31
  32     var la1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
  33     with(la1)
  34     {
  35       setTop(48);
  36       setLeft(20);
  37       setIconPosition("left");
  38     };
  39     d.add(la1);
  40
  41
  42     var la2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
  43     with(la2)
  44     {
  45       setTop(148);
  46       setLeft(20);
  47       setIconPosition("right");
  48     };
  49     d.add(la2);
  50
  51
  52     var la3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
  53     with(la3)
  54     {
  55       setTop(248);
  56       setLeft(20);
  57       setIconPosition("top");
  58     };
  59     d.add(la3);
  60
  61
  62     var la4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
  63     with(la4)
  64     {
  65       setTop(348);
  66       setLeft(20);
  67       setIconPosition("bottom");
  68     };
  69     d.add(la4);
  70
  71
  72     /*
  73     ----------------------------------------------
  74     TEST LEVEL II
  75     ----------------------------------------------
  76     */
  77
  78     var lb1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
  79     with(lb1)
  80     {
  81       setTop(48);
  82       setLeft(120);
  83       setIconPosition("left");
  84     };
  85     d.add(lb1);
  86     lb1.setIconPosition("right");
  87
  88
  89     var lb2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
  90     with(lb2)
  91     {
  92       setTop(148);
  93       setLeft(120);
  94       setIconPosition("right");
  95     };
  96     d.add(lb2);
  97     lb2.setIconPosition("left");
  98
  99
 100     var lb3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
 101     with(lb3)
 102     {
 103       setTop(248);
 104       setLeft(120);
 105       setIconPosition("top");
 106     };
 107     d.add(lb3);
 108     lb3.setIconPosition("bottom");
 109
 110
 111     var lb4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
 112     with(lb4)
 113     {
 114       setTop(348);
 115       setLeft(120);
 116       setIconPosition("bottom");
 117     };
 118     d.add(lb4);
 119     lb4.setIconPosition("top");
 120
 121
 122
 123
 124     /*
 125     ----------------------------------------------
 126     TEST LEVEL III
 127     ----------------------------------------------
 128     */
 129
 130     var lc1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
 131     with(lc1)
 132     {
 133       setTop(48);
 134       setLeft(220);
 135       setIconPosition("left");
 136     };
 137     d.add(lc1);
 138     lc1.setIconPosition("top");
 139
 140
 141     var lc2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
 142     with(lc2)
 143     {
 144       setTop(148);
 145       setLeft(220);
 146       setIconPosition("right");
 147     };
 148     d.add(lc2);
 149     lc2.setIconPosition("bottom");
 150
 151
 152     var lc3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
 153     with(lc3)
 154     {
 155       setTop(248);
 156       setLeft(220);
 157       setIconPosition("top");
 158     };
 159     d.add(lc3);
 160     lc3.setIconPosition("right");
 161
 162
 163     var lc4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
 164     with(lc4)
 165     {
 166       setTop(348);
 167       setLeft(220);
 168       setIconPosition("bottom");
 169     };
 170     d.add(lc4);
 171     lc4.setIconPosition("left");
 172
 173
 174
 175
 176     /*
 177     ----------------------------------------------
 178     TEST LEVEL IV
 179     ----------------------------------------------
 180     */
 181
 182     var ld1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
 183     with(ld1)
 184     {
 185       setTop(48);
 186       setLeft(320);
 187       setIconPosition("left");
 188     };
 189     d.add(ld1);
 190     ld1.setIconPosition("bottom");
 191
 192
 193     var ld2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
 194     with(ld2)
 195     {
 196       setTop(148);
 197       setLeft(320);
 198       setIconPosition("right");
 199     };
 200     d.add(ld2);
 201     ld2.setIconPosition("top");
 202
 203
 204     var ld3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
 205     with(ld3)
 206     {
 207       setTop(248);
 208       setLeft(320);
 209       setIconPosition("top");
 210     };
 211     d.add(ld3);
 212     ld3.setIconPosition("left");
 213
 214
 215     var ld4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
 216     with(ld4)
 217     {
 218       setTop(348);
 219       setLeft(320);
 220       setIconPosition("bottom");
 221     };
 222     d.add(ld4);
 223     ld4.setIconPosition("right");
 224
 225
 226
 227
 228
 229     /*
 230     ----------------------------------------------
 231     TEST LEVEL V
 232     ----------------------------------------------
 233     */
 234
 235     var le1 = new qx.ui.basic.Atom("Test No #1", "icon/16/bell.png");
 236     with(le1)
 237     {
 238       setTop(48);
 239       setLeft(420);
 240       setIconPosition("right");
 241     };
 242     d.add(le1);
 243     le1.setIconPosition("top");
 244
 245
 246     var le2 = new qx.ui.basic.Atom("Test No #2", "icon/16/bell.png");
 247     with(le2)
 248     {
 249       setTop(148);
 250       setLeft(420);
 251       setIconPosition("left");
 252     };
 253     d.add(le2);
 254     le2.setIconPosition("bottom");
 255
 256
 257     var le3 = new qx.ui.basic.Atom("Test No #3", "icon/16/bell.png");
 258     with(le3)
 259     {
 260       setTop(248);
 261       setLeft(420);
 262       setIconPosition("top");
 263     };
 264     d.add(le3);
 265     le3.setIconPosition("right");
 266
 267
 268     var le4 = new qx.ui.basic.Atom("Test No #4", "icon/16/bell.png");
 269     with(le4)
 270     {
 271       setTop(348);
 272       setLeft(420);
 273       setIconPosition("bottom");
 274     };
 275     d.add(le4);
 276     le4.setIconPosition("left");
 277
 278
 279
 280
 281
 282
 283   });
 284   </script>
 285 </body>
 286 </html>