凡人の部屋(bonjin.com)
悩めるウェブマスター Index
新しいウィンドウを開くJavaスクリプト


同じフォルダにあるファイル「new01.htm」を幅480ドットx高さ400ドットの新しいウィンドウで開きます

<head></head>の間に

<script language="javascript">
function open_newwin(set_url,xx,yy)
{window.open(set_url, 'subwindow','width='+xx+',height='+yy+'');}
</script>

を挿入する。

本文中<body></body>の間に

<a href="JavaScript:open_newwin('new01.htm',480,400)">開くよ</a>


サンプルファイルその1
クリックするとサンプルファイルが新しいウィンドウで開きます。
「開くよ」をクリックすると480*400のウィンドウが開きます。

オプション
意味よくわからないのもありますが 「height='+yy+'」以降に「,」で区切って記述します。
記述の最後は「'」で閉じます。何も記述しない状態だとデフォルト設定では「no」です。



(yes:表示 no:非表示)
toolbar= ツールバー表示
location= ロケーションボックス表示
directories= ディレクトリボタン表示
status= ステータス表示
menubar= メニューバー表示
scrollbars= スクロールバー表示
favorites= お気に入りバー表示(MacとIEのみ)
resizable= ウィンドウのサイズ変更



開いたウィンドウを閉じる


ただのリンクで閉じる

<a href="javascript:window.close()">閉じる</a>

サンプルファイルその2


おなじみのボタンで閉じる


<form>
<input type=button value="close" onclick="javascript:window.close()">
</form>


サンプルファイルその3


同じページから違うサイズのウィンドウを開く場合はその2を参照して下さい
新しいウインドウを開く javaスクリプト その2