Доброго времени суток.
Столкнулся с проблемой при реализации "закрытия" передвигаемого окна-с-сообщением: не получается скрыть дивы с помощью style.display='none'. Собственно, сам код (стили я урезал):
<html>
<head>
<title>Messagebox</title>
<script>
function close_window(){
document.getElementById('three').style.display="none";
document.getElementById('four').style.display="none";
document.getElementById('two').style.display="none";
}
</script>
<style>
body{
background:#FFFFFF;
}
#one{
z-index:1;
display:none;
position:fixed;
height:99%;
width:99%;
}
#two{
position:fixed;
height:150px;
width:250px;
}
#three{
position:relative;
width:250px;
height:25px;
}
#four{
position:relative;
top:-15px;
height:125px;
}
</style>
</head>
<body>
<div id="one" onmousemove="document.getElementById('two').style.left=x+(event.pageX-x1)+'px';document.getElementById('two').style.top=y+(event.pageY-y1)+'px'" onmouseup="document.getElementById('one').style.display='none';">
</div>
<div id="two" onmousedown="x=this.offsetLeft;y=this.offsetTop;x1=event.pageX;y1=event.pageY;document.getElementById('one').style.display='inline';">
<div id="three">
<center><p>Window <button onclick="close_window()">X</button></p></center>
</div>
<div id="four">
<p>This is some text</p>
</div>
</div>
</body>
</html>
Пробовал заменить style.display на innerHTML='', но результата никакого. Помогите пожалуйста.