| <HTML> |
| <HEAD> |
| <TITLE>Bug positionning table</TITLE> |
| |
| <script language="javascript"> |
| |
| |
| function movep1() |
| { |
| var popup = document.getElementById("popup"); |
| |
| var l = document.getElementById("field1").value; |
| var t = document.getElementById("field2").value; |
| |
| popup.style.left = l; |
| popup.style.top = t; |
| } |
| |
| function movep2() |
| { |
| var popup = document.getElementById("popup"); |
| popup.style.left = 0; |
| } |
| function movep3() |
| { |
| var popup = document.getElementById("popup"); |
| popup.style.left = 250; |
| } |
| |
| </script> |
| |
| </HEAD> |
| <BODY onLoad="movep2();movep3()"> |
| The tables left position should be 250. |
| <p>Left: <input type="text" name="fieldt" id="field1" value="120px"></p> |
| <p>Top: <input type="text" name="fieldl" id="field2" value="120px"></p> |
| <p><input type="button" value="Move" onclick="movep1()"></p> |
| |
| <!-- cellpadding=0 to avoid hitting another bug; not necessary for testcase --> |
| |
| <table style="position:absolute;left:120px;top:120px" id="popup" border="1" cellpadding="0"> |
| <tr><td>foo</td></tr> |
| <tr><td>bar</td></tr> |
| </table> |
| |
| </BODY> |
| </HTML> |
