Javascriptで小窓の設定

質問

Javascriptでwindow.openの設定で教えていただきたいことがあります。
小窓をパソコンの画面左端に、そして画面中央で表示させたいのですが、どなたかスクリプトをお教えいただけないでしょうか。
よろしくお願いいたします。

回答No.3

wanwan_no5

var width = 小窓の幅;
var height= 小窓の高さ;

var left = (screen.width - width) / 2;
var top = (screen.height - height) / 2;

var option = "left=" + left + ",top=" + top + ",width=" + width + ",height=" + height;

window.open("hoge.html", "_blank", option);

これで中央表示はいけるんじゃなかったっけ？
左表示はleft=0にすれば。

回答No.2

ProKaseifu

丸投げイクナイ。

No1さんが

>ウィンドウの属性設定で、表示位置を制御します。
>１．左端の場合は、left = 0
>２．高さは中央寄せの場合は、top = (スクリーンの高さ - ウィンドウの高さ) / 2

>（例）
>//スクリーンサイズ取得（高）
>var v_height = window.screen.height;
>var v_top = (v_height - 600) / 2;

これだけの情報をもらっているんだからあとはwindow.open時の引数に受け渡す属性を調べればわかるじゃありませんか。

1箇所だけ修正するならば。
var WinAttr = "left=0,top=" + v_top + ",toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes";

だと思いますけどね。

回答No.1

Hardking

ウィンドウの属性設定で、表示位置を制御します。
１．左端の場合は、left = 0
２．高さは中央寄せの場合は、top = (スクリーンの高さ - ウィンドウの高さ) / 2

（例）
//スクリーンサイズ取得（高）
var v_height = window.screen.height;
var v_top = (v_height - 600) / 2;

//サブウィンドウの属性設定
var WinAttr = "left=0,top=v_top,toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes";
WinAttr += ",width=800, height=600";

hWin = window.open("test.html", "", WinAttr);

補足

すみません。初心者すぎてわからず、以下のスクリプトに入れ込むには
どこへ入れたらよいでしょうか。
よろしくお願いいたします。

function wopen1(){
win=window.open("top.html","new","width=2445,height=660,resizable=yes,scrollbars=yes,menubar=no,toolbar=no,directories=no,status=no,left=0,top=100,screenX=0,screenY=100");
win.moveTo(0,100);
}