{popup}関数 Javascript のポップアップウィンドウを作成する
{popup} を使用して、Javascript のポップアップウィンドウを作成します。
{popup_init} が、この動作の最初に呼び出される必要があります。
| 属性名 | 型 | 必須 | デフォルト | 概要 |
|---|---|---|---|---|
| text | string | Yes | n/a | ポップアップウィンドウ中に表示するtext/html |
| trigger | string | No | onMouseOver | ポップアップウィンドウを起動するトリガー（onMouseOver又はonClick） |
| sticky | boolean | No | FALSE | 閉じられるまでポップアップを待機させる |
| caption | string | No | n/a | タイトルにセットする見出し |
| fgcolor | string | No | n/a | ポップアップボックスの内部の色 |
| bgcolor | string | No | n/a | ポップアップボックスの枠線の色 |
| textcolor | string | No | n/a | ポップアップボックス内部のテキストの色 |
| capcolor | string | No | n/a | ポップアップボックスの見出しのテキストの色 |
| closecolor | string | No | n/a | closeテキストの色 |
| textfont | string | No | n/a | メインテキストで使用されるフォントの種類 |
| captionfont | string | No | n/a | 見出しで使用されるフォント |
| closefont | string | No | n/a | "Close" テキストのフォント |
| textsize | string | No | n/a | メインテキストのフォントサイズ |
| captionsize | string | No | n/a | 見出しテキストのフォントサイズ |
| closesize | string | No | n/a | "Close" テキストのフォントサイズ |
| width | integer | No | n/a | ボックスの幅 |
| height | integer | No | n/a | ボックスの高さ |
| left | boolean | No | FALSE | ポップアップをマウスの左側に表示 |
| right | boolean | No | FALSE | ポップアップをマウスの右側に表示 |
| center | boolean | No | FALSE | ポップアップをマウスの中央に表示 |
| above | boolean | No | FALSE | ポップアップをマウスの上側に表示 (注: heightがセットされている場合のみ有効) |
| below | boolean | No | FALSE | ポップアップをマウスの下側に表示 |
| border | integer | No | n/a | ポップアップの枠線の幅 |
| offsetx | integer | No | n/a | ポインタから水平にどれくらい離れた位置にポップアップを表示するか |
| offsety | integer | No | n/a | ポインタから垂直にどれくらい離れた位置にポップアップを表示するか |
| fgbackground | url to image | No | n/a | ポップアップの内部に色の代わりに表示する画像 |
| bgbackground | url to image | No | n/a | ポップアップの境界に色の代わりに表示する画像。 (注:bgcolor や colorを "" にしたほうがよい) (注:Closeリンクを使用する場合、Netscape ではテーブルのセルが再描写されて誤った表示になることがあります) |
| closetext | string | No | n/a | "Close" テキストの代替として使用する文字列 |
| noclose | boolean | No | n/a | sticky属性がtrueに設定されているポップアップの見出しに "Close" テキストを表示しない |
| status | string | No | n/a | ブラウザのステータスバーに表示する文字列 |
| autostatus | boolean | No | n/a | ポップアップのテキストをステータスバーのテキストとして設定する (注: statusの設定をオーバーライドします) |
| autostatuscap | string | No | n/a | ポップアップの見出しテキストをステータスバーのテキストとして設定する (注: statusとautostatusの設定をオーバーライドします) |
| inarray | integer | No | n/a | overlib.js 内にある ol_array 配列中の指定したインデックスから、 text を読み込む (このパラメータはtextの代わりに使用されます) |
| caparray | integer | No | n/a | overlib.js 内にある ol_caps 配列中の指定したインデックスから、 caption を読み込む |
| capicon | url | No | n/a | ポップアップの見出しの前に画像を表示する |
| snapx | integer | No | n/a | ポップアップを水平グリッドにスナップする |
| snapy | integer | No | n/a | ポップアップを垂直グリッドにスナップする |
| fixx | integer | No | n/a | ポップアップの水平の位置を固定する (注: 他の全ての水平の位置に関する属性はオーバーライドされます) |
| fixy | integer | No | n/a | ポップアップの垂直の位置を固定する (注: 他の全ての垂直の位置に関する属性はオーバーライドされます) |
| background | url | No | n/a | テーブルボックスの背景の代わりに画像をセットする |
| padx | integer,integer | No | n/a | 水平のホワイトスペースによって背景画像の表示領域を大きくする (注: ２つのパラメータが必要) |
| pady | integer,integer | No | n/a | 垂直のホワイトスペースによって背景画像の表示領域を大きくする (注: ２つのパラメータが必要) |
| fullhtml | boolean | No | n/a | 背景画像上でHTMLを完全にコントロールする (HTML コードは "text" 属性に記述する) |
| frame | string | No | n/a | 異なるフレームにおけるポップアップを操作する (詳細はoverlibのサイトを参照) |
| function | string | No | n/a | 指定した Javascript 関数を呼び出し、 その返り値をポップアップウィンドウに表示する |
| delay | integer | No | n/a | ポップアップをツールチップ風に表示する。 設定した遅延 (ミリ秒) の後にポップアップします。 |
| hauto | boolean | No | n/a | ポップアップがマウスの左側か右側のどちらに位置するべきかを自動的に決定する |
| vauto | boolean | No | n/a | ポップアップがマウスの上側か下側のどちらに位置するべきかを自動的に決定する |
関連記事
- {math}関数 テンプレート内で数学の計算をする
- {textformat}関数 テキストを整形する
- {popup_init}関数 {popup}関数のためのライブラリを呼び出す
- {mailto}関数 mailto: リンクの作成とメールアドレスのエンコードをする
- {html_table}関数 HTMLの<table>にデータの配列を出力する
- {html_select_time}関数 時間のドロップダウンリストを作成する
- {html_select_date}関数 日付のドロップダウンリストを作成する
- {html_radios}関数 HTMLラジオボタンを作成する
- {html_options}関数 HTMLセレクト<select><option>タグを作成する
- {html_image}関数 HTML<img>タグを作成する
- {html_checkboxes}関数 HTMLチェックボックスを作成する
- {fetch}関数 ファイルを取得して表示する
- {eval}関数 変数をテンプレートとして扱う
- {debug}関数 デバック用の表示を出力する
- {cycle}関数 値の設定に従って循環する
- {counter}関数 カウントした回数を表示する
- {assign}関数 変数を テンプレートの実行時に割り当てる
スポンサーリンク
