別ウィンドウ(ポップアップ)表示 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。

また、直接オプションを設定することも可能です。
なお、上記オプション方法を指定し以下の設定をした場合、以下の設定が優先されます。