ウィンドウのサイズ変更を禁止する
JavaScript の window.open() を使って別のページにジャンプしたり、新規ウィンドウを開く際 にウィンドウのサイズを変更されたくない場合は、あらかじめ 開くウィンドウのサイズと、サイズ変更を禁止して開くようにすると良いでしょう。反対に、ウィンドウのサイズ変更を可能に指定することもできます。
設置例
JavaScript でジャンプする際の基本形は 下記のようになりますが、
<a href="javascript:void(0)" onclick=window.open('ジャンプ先URL','ウィンドウの指定','スタイルの指定')">表示文字</a>
- ジャンプ先URL:ジャンプ先のURLを、絶対パスで指定します。
- ウインドウの指定:下記の中から指定できます。省略すると、今のウィンドウがジャンプ先のURLに切り替わります。今のウィンドウを残したい場合は、『_blank』とするとよいでしょう。
_top 今のフレームのトップページ(フレームが属するウィンドウ) _blank 新しいウィンドウを開く _self 今のフレームまたはウィンドウ _parent 今のフレームを取り囲む一つ上の親フレーム - スタイルの指定:ウィンドウの大きさや、メニューバーの有無などさまざまなスタイル指定をすることができます。
→各種スタイル指定についてはこちら 『window.open()スタイル指定一覧』
スタイルの指定の部分で、ウィンドウのサイズを指定することができます。resizable=noとすることで、開かれたウィンドウはサイズの変更ができなくなります。反対に、yesにすれば、サイズ変更が可能です。
このサンプルのソースは、下記のようになります。
<a href="javascript:void(0)" onclick="
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210,resizable=no');
return false;">ウィンドウを開く</a>
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210,resizable=no');
return false;">ウィンドウを開く</a>
ボタンで表示する場合は、下記のようになります。
ソースはこちらです。こちらのサンプルは、resizable=yes で、サイズの変更を可能に指定しています。
<button onclick="
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210,resizable=yes')">ウィンドウを開く</button>
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210,resizable=yes')">ウィンドウを開く</button>
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス