メニューバーやスクロールバーの有無を指定する
JavaScriptの、window.open() を使って新規ウィンドウを開く際に、メニューバーやツールバーの有り無しを指定することができます。
ソースは、下記のようになります。ソース中赤字部分でメニューバーとツールバーの有無を指定していますが、青字部分を『 yes 』または『 no 』にすることにより有無を切り替えられます。
メニューバーやツールバーの有無のほかにも、ウィンドウのサイズ指定などをあわせて指定する場合は、ソース中緑字部分のように 同じシングルクオート『 ' 』内に、カンマ『 , 』で区切って併記すると良いでしょう。
<a href="XXX.html" onclick="window.open('http://www.appelle.jp/myblog/sample/linktest.html', '_blank', 'width=500,height=210,menubar=yes,toolbar=yes');return false;">ウィンドウを開く</a>
ボタンで表示する場合も同じように指定できます。サンプルを下記に示します。
ボタンで表示させたい場合は、こちらです。
ソースを示します。赤字部分は、ボタンで表示するときも同じです。
<button onclick="window.open('http://www.appelle.jp/myblog/sample/linktest.html', '_blank', 'width=500,height=210,menubar=yes,toolbar=yes');">ウィンドウを開く</button>