NO.113 ウィンドウ�B

ウィンドウの操作�A

ウィンドウの位置を絶対値で変更 - window.moveTo(X値,Y値)

moveTo(X値,Y値)でウィンドウの位置を座標指定する事が出来ます。
モニタの左上の座標を(0,0)として、X値,Y値をウィンドウの左上の座標位置で指定します。
<script type=text/javascript> <!-- r1=window.open("","","menubar=no,titlebar=no,width=200,height=200"); r1.moveTo(300,300); --> </script>


これに前回resizeBy(現在の横幅±x,現在の高さ±y)の実例を挙げる時にも使用したscreen.widthとscreen.heightを応用する事により、
ウィンドウを画面の中心位置に持ってくる事が可能になります。
<script type=text/javascript> <!-- W=screen.width;H=screen.height; r1=window.open("","","menubar=no,titlebar=no,width=300,height=200"); r1.moveTo(W/2-300/2,H/2-200/2); --> </script>

ウィンドウの位置を相対値で変更 - window.moveBy(現在のX値±x,現在のY値±y)

moveBy(現在のX値±x,現在のY値±y)は現在のウィンドウ位置に対して相対的に座標での位置変更を行います。
正の値で右側に移動し、負の値で左側に移動する事になります。
<script type=text/javascript> <!-- function js3a(){window.moveBy(0,-10);} function js3b(){window.moveBy(-10,0);} function js3c(){window.moveBy(10,0);} function js3d(){window.moveBy(0,10);} function js3e(){window.moveTo(0,0);} --> </script> <table><tr><td></td><td><input type=button value="↑"onClick=js3a()></td><td></td></tr> <tr><td><input type=button value="←"onClick=js3b()></td><td><input type=button value="●"onClick=js3e()></td><td><input type=button value="→"onClick=js3c()></td></tr> <tr><td></td><td><input type=button value="↓"onClick=js3d()></td><td></td></tr> </table>