onclickを使うポップアップ

onclickを使わないポップアップjsについて、以前書きましたが、ここではあえて、onclickを使う場合のシンプルなソースをメモ。
(だって、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

プロパティは追加したものが有効になります。複数のプロパティを指定する場合は「,」で区切ってください。プロパティになにも指定しなければ単に新しいウインドウを開きます。

参照:あんぽんたん

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/191
Listed below are links to weblogs that reference
onclickを使うポップアップ from px*blog