third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug51037.html

   1 <HTML>
   2 <HEAD>
   3 <TITLE>Bug positionning table</TITLE>
   4
   5 <script language="javascript">
   6
   7
   8 function movep1()
   9 {
  10         var popup = document.getElementById("popup");
  11
  12         var l = document.getElementById("field1").value;
  13         var t = document.getElementById("field2").value;
  14
  15         popup.style.left = l;
  16         popup.style.top = t;
  17 }
  18
  19 function movep2()
  20 {
  21         var popup = document.getElementById("popup");
  22         popup.style.left = 0;
  23 }
  24 function movep3()
  25 {
  26         var popup = document.getElementById("popup");
  27         popup.style.left = 250;
  28 }
  29
  30 </script>
  31
  32 </HEAD>
  33 <BODY onLoad="movep2();movep3()">
  34 The tables left position should be 250.
  35 <p>Left: <input type="text" name="fieldt" id="field1" value="120px"></p>
  36 <p>Top:  <input type="text" name="fieldl" id="field2" value="120px"></p>
  37 <p><input type="button" value="Move" onclick="movep1()"></p>
  38
  39 <!-- cellpadding=0 to avoid hitting another bug; not necessary for testcase -->
  40
  41 <table style="position:absolute;left:120px;top:120px" id="popup" border="1" cellpadding="0">
  42 <tr><td>foo</td></tr>
  43 <tr><td>bar</td></tr>
  44 </table>
  45
  46 </BODY>
  47 </HTML>