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>Tests for crossbrowser offsetTop and offsetLeft properties provided by qx.dom</p>
18 <style type="text/css">
21 border: 1px solid red;
34 border: 6px solid red;
46 border: 5px solid orange;
61 border: 5px solid orange;
67 border: 2px solid blue;
72 <br/><br/><br/><br/><br/>
77 <div id="p1a">P1-A</div>
78 <div id="p1b">P1-B</div>
79 <div id="p1c">P1-C</div>
80 <div id="p1d">P1-D</div>
81 <div id="p1e">P1-E</div>
82 <div id="p1f">P1-F</div>
83 <div id="p1g">P1-G</div>
84 <div id="p1h">P1-H</div>
85 <div id="p1j">P1-I</div>
88 <div id="p2a">P2-A</div>
89 <div id="p2b">P2-B</div>
90 <div id="p2c">P2-C</div>
91 <div id="p2d">P2-D</div>
92 <div id="p2e">P2-E</div>
93 <div id="p2f">P2-F</div>
94 <div id="p2g">P2-G</div>
95 <div id="p2h">P2-H</div>
96 <div id="p2j">P2-I</div>
100 <script type="text/javascript">
101 qx.core.Init.getInstance().defineMain(function()
103 var d = qx.ui.core.ClientDocument.getInstance();
105 var i = document.getElementById("i");
106 var l = document.getElementById("l");
107 var p1 = document.getElementById("p1");
108 var p2 = document.getElementById("p2");
109 var p1a = document.getElementById("p1a");
110 var p2a = document.getElementById("p2a");
112 qx.core.Init.getInstance().debug("Browser-Impl", "I: " + i.offsetLeft + "x" + i.offsetTop);
113 qx.core.Init.getInstance().debug("Browser-Impl", "L: " + l.offsetLeft + "x" + l.offsetTop);
114 qx.core.Init.getInstance().debug("Browser-Impl", "P1: " + p1.offsetLeft + "x" + p1.offsetTop);
115 qx.core.Init.getInstance().debug("Browser-Impl", "P2: " + p2.offsetLeft + "x" + p2.offsetTop);
116 qx.core.Init.getInstance().debug("Browser-Impl", "P1A: " + p1a.offsetLeft + "x" + p1a.offsetTop);
117 qx.core.Init.getInstance().debug("Browser-Impl", "P2A: " + p2a.offsetLeft + "x" + p2a.offsetTop);
119 qx.core.Init.getInstance().debug("QxDom-Impl", "I: " + qx.dom.DomOffset.getLeft(i) + "x" + qx.dom.DomOffset.getTop(i));
120 qx.core.Init.getInstance().debug("QxDom-Impl", "L: " + qx.dom.DomOffset.getLeft(l) + "x" + qx.dom.DomOffset.getTop(l));
121 qx.core.Init.getInstance().debug("QxDom-Impl", "P1: " + qx.dom.DomOffset.getLeft(p1) + "x" + qx.dom.DomOffset.getTop(p1));
122 qx.core.Init.getInstance().debug("QxDom-Impl", "P2: " + qx.dom.DomOffset.getLeft(p2) + "x" + qx.dom.DomOffset.getTop(p2));
123 qx.core.Init.getInstance().debug("QxDom-Impl", "P1A: " + qx.dom.DomOffset.getLeft(p1a) + "x" + qx.dom.DomOffset.getTop(p1a));
124 qx.core.Init.getInstance().debug("QxDom-Impl", "P2A: " + qx.dom.DomOffset.getLeft(p2a) + "x" + qx.dom.DomOffset.getTop(p2a));