■このボタンでリサイズ、移動するウインドウを開いてください。
●ウインドウのサイズを変更する
●ウインドウを移動する
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>ウインドウサイズを変更、移動したい</title>
<script type="text/JavaScript">
<!--
function winopen(){
testwin=window.open("14p.html","testwin","width=100,height=100,resizable=1");
testwin.focus();
}
function resize1(){
// window.resizeTo(450,450);
testwin.resizeTo(200,200);
testwin.focus();
}
function resize2(){
// window.resizeBy(10,10);
testwin.resizeBy(10,10);
testwin.focus();
}
function remove1(){
// window.moveTo(0,0);
testwin.moveTo(0,0);
testwin.focus();
}
function remove2(){
// window.moveBy(10,10);
testwin.moveBy(10,10);
testwin.focus();
}
// -->
</script>
</head>
<body bgcolor="#eeffff">
<p>■このボタンでリサイズ、移動するウインドウを開いてください。</p>
<form name="form0">
<p><input type="button" value="ウインドウオープン" onclick="winopen()"></p>
</form>
<p>●ウインドウのサイズを変更する</p>
<form name="form1">
<p><input type="button" value="指定サイズに変更（200,200）" onclick="resize1()"></p>
<p><input type="button" value="10ピクセルずつサイズUP" onclick="resize2()"></p>
</form>
<hr>
<p>●ウインドウを移動する</p>
<form name="form2">
<p><input type="button" value="指定位置に移動（0,0）" onclick="remove1()"></p>
<p><input type="button" value="10ピクセルずつ右下方向へ移動" onclick="remove2()"></p>
</form>
</body>
</html>