| ポイント |
<![CDATA[
x = (screen.width - wx) / 2;
y = (screen.height - wy) / 2;
subWin = window.open("sub.html","sub","left="+x+",top="+y+",width="+wx+",height="+wy);
]]>
|
| 説 明 |
サブウィンドウを画面中央に表示させるにはあらかじめ表示位置を計算しサブウィンドウのパラメータに組み込みます。中央の位置計算は「(画面サイズ - ウィンドウ幅)/2」となります。画面サイズはscreen.width、screen.heightで求められます。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>サブウィンドウを画面の中央に表示する</title>
<script Language="JavaScript"><!--
wx = 320;
wy = 240;
x = (screen.width - wx) / 2;
y = (screen.height - wy) / 2;
subWin = window.open("sub.html","sub","left="+x+",top="+y+",width="+wx+",height="+wy);
// --></script>
</head>
<body>
サブウィンドウを中央に表示
</body>
</html>
]]>
|
| 補足説明 |
別の方法として表示後にサブウィンドウを移動させる方法もあります。ウィンドウを移動させるには「サブウィンドウ名.moveTo(x,y)」と指定します。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
サブウィンドウを画面の中央に表示する