別ウィンドウ(ポップアップ)表示 Popup Window
別ウィンドウ(ポップアップ)を表示するためのjQueryライブラリのご紹介です。
ライブラリのダウンロードと設置
「ライブラリのダウンロード」をクリックしてダウンロードしてください。
ライブラリのダウンロード
ダウンロードしたjquery.openwin.jsを任意の場所へ置き読み込みます。
(jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。)
準備
JavaScript
設定したい要素などを指定し、実行します。
HTML
上記で設定した内容を割り当てます。
オプション
以下のオプションが設定可能です。
基本的にはJavaScriptのwindow.open()と同じです。
オプション | 初期値 | 説明 |
---|---|---|
option.width | false | ウィンドウの横幅。設定する場合は数値を入力。 |
option.height | false | ウィンドウの縦幅。設定する場合は数値を入力。 |
option.top | false | ウィンドウの上からの位置。設定する場合は数値を入力。 |
option.left | false | ウィンドウの左からの位置。設定する場合は数値を入力。 |
option.menubar | no | メニューバーの有無。設定値はyesとno。 |
option.toolbar | no | ツールバーの有無。設定値はyesとno。 |
option.location | no | アドレスバーの有無。設定値はyesとno。 |
option.status | no | ステータスバーの有無。設定値はyesとno。 |
option.resizable | no | リサイズの可否。設定値はyesとno。 |
option.scrollbars | no | スクロールバーの有無。設定値はyesとno。 |
option.directories | no | ディレクトリバーの有無。設定値はyesとno。 |
option.titlebar | yes | タイトルバーの有無。設定値はyesとno。 |
option.fullscreen | no | リサイズの可否。設定値はyesとno。 |
target | _blank | 表示方法またはウィンドウの名前を設定。設定値は_blank、_self、_topと任意の名前。 |
blur | false | 背面表示の可否。設定値はtrueとfalse。 |
focus | false | 前面表示の可否。設定値はtrueとfalse。 |
また、直接オプションを設定することも可能です。
なお、上記オプション方法を指定し以下の設定をした場合、以下の設定が優先されます。