onclickを使わないポップアップjsについて、以前書きましたが、ここではあえて、onclickを使う場合のシンプルなソースをメモ。
(だって、class="popup"は便利だけど、inputで使えないし…)
»サンプルと詳細なソース
■ソース【aタグの場合】
■ソース【inputタグの場合】
(だって、class="popup"は便利だけど、inputで使えないし…)
»サンプルと詳細なソース
■ソース【aタグの場合】
<a href="popup.html" onclick="window.open('popup.html', '', 'width=650,height=800'); return false;">ポップアップ</a>
■ソース【inputタグの場合】
<input name="" value="ポップアップ" type="button" onclick="window.open('popup.html', '', 'width=650,height=800'); return false;" />
■幅、高さは通常必須。スクロールバー・メニューバーなどは追加すると指定できる仕様
プロパティは追加したものが有効になります。複数のプロパティを指定する場合は「,」で区切ってください。プロパティになにも指定しなければ単に新しいウインドウを開きます。
参照:あんぽんたん
onclick="window.open('popup.html', '', 'width=650,height=800,scrollbars=yes'); return false;
主なウインドウプロパティ | 指定時(有効)の記述 | 指定無し(無効)の記述 |
---|---|---|
ウインドウの横幅 | width=数値 (px) 例: width=500 | 記述無し |
ウインドウの高さ | height=数値 (px) 例: height=400 | 〃 |
画面上の表示する位置(上から) | top=数値 (px) 例: top=200 | 〃 |
画面上の表示する位置(左から) | left=数値 (px) 例: left=200 | 〃 |
ステータスバーの有無 | status or status=yes or status=1 | 記述無し or status=no or status=0 |
ウインドウのサイズ変更の有無 | resizable or resizable=yes or resizable=1 | 記述無し or resizable=no or resizable=0 |
スクロールバーの有無 | scrollbars or scrollbars=yes or scrollbars=1 | 記述無し or scrollbars=no or scrollbars=0 |
ツールバー(戻る、進む等のボタンがある場所)の有無 | toolbar or toolbar=yes or toolbar=1 | 記述無し or toolbar=no or toolbar=0 |
メニューバー(ファイル、編集等のボタンがある場所)の有無 | menubar or menubar=yes or menubar=1 | 記述無し or menubar=no or menubar=0 |
アドレスバーの有無 | location or location=yes or location=1 | 記述無し or location=no or location=0 |
プロパティは追加したものが有効になります。複数のプロパティを指定する場合は「,」で区切ってください。プロパティになにも指定しなければ単に新しいウインドウを開きます。
参照:あんぽんたん