NO.122 ウィンドウ応用②

ウィンドウの移動＋サイズ変更

ウィンドウのサイズを相対値で変更とウィンドウの位置を相対値で変更の実例を組み合わせ、変更方向を８つに増やした強化版。
小窓を出してゲーム(?)を作ったりする際に役立つかもしれません。

実行例

ソース

<form name=mad onSubmit="return false">
<select name=sl>
<option value=0>moveBy</option>
<option value=1>resizeBy</option>
</select>
<table><tr><td><input type=button value="＼"onClick=js1f()></td><td><input type=button value="↑"onClick=js1a()></td><td><input type=button value="／"onClick=js1g()></td></tr>
<tr><td><input type=button value="←"onClick=js1b()></td><td><input type=button value="●"onClick=js1e()></td><td><input type=button value="→"onClick=js1c()></td></tr>
<tr><td><input type=button value="／"onClick=js1h()></td><td><input type=button value="↓"onClick=js1d()></td><td><input type=button value="＼"onClick=js1i()></td></tr>
</table>
</form>
<script type=text/javascript>
<!--
W=screen.width;H=screen.height;
function js1a(){if(document.mad.sl.value==0){window.moveBy(0,-20);}else{window.resizeBy(0,-20);}}
function js1b(){if(document.mad.sl.value==0){window.moveBy(-20,0);}else{window.resizeBy(-20,0);}}
function js1c(){if(document.mad.sl.value==0){window.moveBy(20,0);}else{window.resizeBy(20,0);}}
function js1d(){if(document.mad.sl.value==0){window.moveBy(0,20);}else{window.resizeBy(0,20);}}
function js1e(){window.moveTo(0,0);window.resizeTo(W,H);window.moveTo(0,0);}
function js1f(){if(document.mad.sl.value==0){window.moveBy(-20,-20);}else{window.resizeBy(-20,-20);}}
function js1g(){if(document.mad.sl.value==0){window.moveBy(20,-20);}else{window.resizeBy(20,-20);}}
function js1h(){if(document.mad.sl.value==0){window.moveBy(-20,20);}else{window.resizeBy(-20,20);}}
function js1i(){if(document.mad.sl.value==0){window.moveBy(20,20);}else{window.resizeBy(20,20);}}
-->
</script>

実行

トップに戻る前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送