<html>
<head>
<title>windowMove</title>
<script language="javascript">
<!--
var iwidth=screen.availWidth;
var iheight=screen.availHeight;
var iw_height=300;iw_width=200;
var positionX=iwidth/2-iw_width/2;
var positionY=iheight/2-iw_height/2;
var step=50,dstepx=0,dstepy=0;
var direction;

function Init(){
moveTo(positionX,positionY);
if(document.all){
window.resizeTo(iw_width,iw_height);
}
if(document.layers){
window.outerWidth=iw_width;
window.outerHeight=iw_height;
}
}
function move_window(direction){
if(direction=='up'){
dstepx=0;
dstepy=-step;
if(positionY<=0){
alert("これ以上アップ出来ません。");
dstepy=0;
}
}
else if(direction=='down'){
dstepx=0;
dstepy=step;
if(positionY>=iheight-iw_height){
alert("これ以上ダウン出来ません。");
dstepy=0;
}
}
else if(direction=='left'){
dstepx=-step;
     dstepy=0;
if(positionX<=0){
alert("これ以上左にシフト出来ません。");
dstepx=0;
}
}
else if(direction=='right'){
dstepx=step;
     dstepy=0;
if(positionX>=iwidth-iw_width){
alert("これ以上右にシフト出来ません。");
dstepx=0;
}
}
positionX=positionX+dstepx;
positionY=positionY+dstepy;
window.moveTo(positionX,positionY);
}
//-->
</script>
</HEAD>
<BODY onLoad="Init()">
<H3>ウインドウを動かす</H3>
<HR>
<FORM name="myForm">
<TABLE border="2">
<TR>
<TD>&nbsp;</TD>
<TD align="center">
<INPUT type="button"value="上へ"name=btnup onClick="move_window('up')">
</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD align="center">
<INPUT type="button"value="左へ"name=btnleft onClick="move_window('left')">
</TD>
<TD>&nbsp;</TD>
<TD align="center">
<INPUT type="button"value="右へ"name=btnright onClick="move_window('right')">
</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD align="center">
<INPUT type="button"value="下へ"name=btndown onClick="move_window('down')">
</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>



ウインドウを動かす