Здравствуйте, помогие пож.
Код должен работать в IE и FF,
но работает почему то только в IE...
Должен создаваться object Box который создает новый DIV, и должен быть метод moveBox, который соотв его двигает по экрану.
| Код |
<html>
<body>
<table border="0">
<tr>
<td align="center"><Input type="button" value="create new div" onclick="create()"/></td><td align="center"></td><td align="center"><Input type="button" value="move div" onclick="move()"/></td><td align="center"></td>
</tr>
<tr>
<td align="center">Text in new div</td><td align="center"><Input type="text" id="tet"/></td>
</tr>
<tr>
<td align="center">Width</td><td><Input type="text" id="width"/></td>
<td align="center">Height</td><td><Input type="text" id="height"/></td>
</tr>
<tr>
<td align="center">Left position</td><td><Input type="text" id="left"/></td>
<td align="center">Top position</td><td><Input type="text" id="top"/></td>
</tr>
</table>
</body>
</html>
<script>
var myBox;
function create()
{
var oText = document.getElementById("tet");
var owidth = document.getElementById("width");
var oheight = document.getElementById("height");
var oleft = document.getElementById("left");
var otop = document.getElementById("top");
myBox = new Box(oText.value, owidth.value, oheight.value, oleft.value, otop.value);
}
function move()
{
var oleft = document.getElementById("left");
var otop = document.getElementById("top");
myBox.moveBox(oleft.value, otop.value);
}
function Box(bodyText, width, height, left, top)
{
this.NewDiv = document.createElement("<div style='padding:5px;width:"+width+"px;height:"+height+"px;background-color:#eeeeee;position:absolute;left:"+left+"px;top:"+top+"px;'>");
this.NewDiv.insertAdjacentText("afterBegin", bodyText);
document.body.insertBefore(this.NewDiv);
this.moveBox = moveBox;
}
function moveBox(left, top)
{
this.NewDiv.style.left = left+"px";
this.NewDiv.style.top = top+"px";
}
</script>
|
Исправте пожлст, кто сможет! |
