|
 |
|
サブウィンドウの大きさと開く位置の指定する
 |
IE 4.0↑ |
 |
NN 4.0↑ |
| オススメ度： |
 |
|
設置難易度： |
 |
サンプルと機能
→ Sample 1：リンクボタンをクリックするとサブウィンドウを開く
→ Sample 2：ページを表示すると同時にサブウィンドウを開く
サブウィンドウの大きさと、開く位置を指定します。
サブウィンドウは画面の中央に開くこともできます。
サンプルスクリプト
緑の文字が変更箇所で、赤い文字が対応するスクリプトです。
"//"以下はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
sample.htmlの内容は省略します。
→ Sample 1：リンクボタンをクリックするとサブウィンドウを開く
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// サブウィンドウの大きさと開く位置の指定
l = 60; // 表示するx座標
t = 30; // 表示するy座標
w = 640; // 横幅
h = 480; // 縦幅
function openWindow() {
window.open("sample.html","OpenWindow",
"screenX="+l+",screenY="+t+",left="+l+",top="+t+",width="+w+",height="+h);
}
// 中央に開く
function openWindowC() {
x = (screen.width - w) / 2;
y = (screen.height - h) / 2;
subWin = window.open("sample.html","OpenWindow",
"screenX="+x+",screenY="+y+",left="+x+",top="+y+",width="+w+",height="+h);
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
下のボタンをクリックするとサブウィンドウを開きます。<BR><BR>
<INPUT type="button" value="サブウィンドウを開く" onClick="openWindow()">
<INPUT type="button" value="サブウィンドウを中央に開く" onClick="openWindowC()">
</BODY>
</HTML> |
→ Sample 2：ページを表示すると同時にサブウィンドウを開く
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// サブウィンドウの大きさと開く位置の指定
l = 60; // 表示するx座標
t = 30; // 表示するy座標
w = 640; // 横幅
h = 480; // 縦幅
function openWindow() {
window.open("sample.html","OpenWindow",
"screenX="+l+",screenY="+t+",left="+l+",top="+t+",width="+w+",height="+h);
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff" onLoad="openWindow()">
</BODY>
</HTML> |
解説・注意点など
window.open("sample.html","OpenWindow",
"screenX="+l+",screenY="+t+",left="+l+",top="+t+",width="+w+",height="+h);
について、
| sample.html |
： |
サブウィンドウで開くファイル名 |
| OpenWindow |
： |
サブウィンドウの名前。基本的に自由 |
| screenX |
： |
Netscapeでのx座標 |
| screenY |
： |
Netscapeでのy座標 |
| left |
： |
Internet Explorerでのx座標 |
| top |
： |
Internet Explorerでのy座標 |
| width |
： |
サブウィンドウの横幅 |
| height |
： |
サブウィンドウの縦幅 |
となります。
← JavaScriptに戻る
|
|
|
