|
 |
|
サブウィンドウを常に前面に表示する
 |
IE 3.0↑ |
 |
NN 4.0↑ |
| オススメ度： |
 |
|
設置難易度： |
|
サンプルと機能
→ Sample 1：ボタンをクリックするとサブウィンドウを常に最前面に表示する
→ Sample 2：ページを表示すると同時にサブウィンドウを常に最前面に表示する
サブウィンドウを常に最前面に表示します。
メニューを置くなどの工夫はできますが、基本的に邪魔になるので、大きいウィンドウを表示させてはいけません。
サンプルスクリプト
緑の文字が変更箇所で、赤い文字が対応するスクリプトです。
"//"以下はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
→ Sample 1：ボタンをクリックするとサブウィンドウを常に最前面に表示する
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// サブウィンドウを常に前面に表示する
w = 200; // 横幅
h = 400; // 縦幅
function openWindow() {
window.open("subm01.html","OpenWindow","width="+w+",height="+h);
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
下のボタンをクリックするとサブウィンドウを開きます。<BR><BR>
<INPUT type="button" value="サブウィンドウを開く"
onClick="openWindow()">
</BODY>
</HTML> |
→ Sample 2：ページを表示すると同時にサブウィンドウを常に最前面に表示する
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// サブウィンドウを常に前面に表示する
w = 200; // 横幅
h = 400; // 縦幅
window.open("subm01.html","OpenWindow","width="+w+",height="+h);
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
</BODY>
</HTML> |
→ サブウィンドウ(subm01.html)
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY onBlur="focus()">
常に前面な<BR>
サンプルメニューです<BR><BR>
■ＴＯＰページ<BR>
■プロフィール<BR>
■更新履歴<BR>
■掲示板<BR>
■リンク<BR><BR>
<A href="javascript:close()">ウィンドウを閉じる</A>
</BODY>
</HTML> |
解説・注意点など
サブウィンドウのBODYタグにonBlur="focus()"を書くことで実現します。
サブウィンドウにはナビゲーションリンクなどを作ると面白いかもしれません。
← JavaScriptに戻る
|
|
|
