|
 |
|
サブウィンドウの表示方法を指定する
 |
IE 3.0↑ |
 |
NN 2.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 openWindow1() {
window.open("sample.html","OpenWindow",
"screenX="+l+",screenY="+t+",left="+l+",top="+t+",width="+w+",height="+h+",
scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no");
}
function openWindow2() {
window.open("sample.html","OpenWindow",
"screenX="+l+",screenY="+t+",left="+l+",top="+t+",width="+w+",height="+h+",
scrollbars=yes,location=yes,menubar=yes,toolbar=yes, status=yes,directories=yes,resizable=yes");
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
下のボタンをクリックするとサブウィンドウを開きます。<BR><BR>
<INPUT type="button" value="サブウィンドウ１を開く" onClick="openWindow1()">
<INPUT type="button" value="サブウィンドウ２を開く" onClick="openWindow2()">
</BODY>
</HTML> |
→ Sample 2：ページを表示すると同時にサブウィンドウを開く
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// サブウィンドウの表示方法を指定する
l = 60; // 表示するx座標
t = 30; // 表示するy座標
w = 640; // 横幅
h = 480; // 縦幅
function openWindow1() {
window.open("sample.html","OpenWindow",
"screenX="+l+",screenY="+t+",left="+l+",top="+t+",width="+w+",height="+h+",
scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no");
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff" onLoad="openWindow1()">
</BODY>
</HTML> |
解説・注意点など
window.openの部分は改行を行うと動かなくなる場合がありますので、横に長くなっても改行はしないで下さい。
それぞれの指定方法は、
| scrollbars |
： |
スクロールバーの表示 |
|
yesか1で表示、noか0で非表示 |
| location |
： |
ロケーションバーの表示 |
|
yesか1で表示、noか0で非表示 |
| menubar |
： |
メニューバーの表示 |
|
yesか1で表示、noか0で非表示 |
| toolbar |
： |
ツールバー・ボタンの表示 |
|
yesか1で表示、noか0で非表示 |
| status |
： |
ステータスバーの表示 |
|
yesか1で表示、noか0で非表示 |
| directories |
： |
ディレクトリボタンの表示 |
|
yesか1で表示、noか0で非表示 |
| resizable |
： |
ウィンドウの大きさの変更 |
|
yesか1で可能、noか0で不可能 |
となります。
← JavaScriptに戻る
|
|
|
