gecko/layout/html/tests/table/bugs/bug51037.html

48 lines
1.1 KiB
HTML

<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>