{popup}
属性名 | 型? | 必須 | デフォルト | 概要 |
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 | ポップアップの境界に色の代わりに画像を表示する。 (注: You will want to set BGCOLOR to "" or the color will show as well. ) (注: "Close"リンクを使用する場合、古いバージョンのNetscapeではテーブルのセルが再描写されて誤った表示になる場合があります) |
closetext | string? | No | n/a | "close"テキストを任意の文字列に変更する |
noclose | boolean? | No | n/a | キャプションを持つポップアップに"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_text配列の指定したインデックスからテキストを読み取る。(このパラメータはtextの代わりに使用されます) |
caparray | integer? | No | n/a | overlib.jsに位置するol_caps配列の指定したインデックスからキャプションを読み取る |
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 | 水平のホワイトスペースによって背景画像の表示領域を大きくする (注: 2つのパラメータが必要) |
pady | integer?,integer? | No | n/a | 垂直のホワイトスペースによって背景画像の表示領域を大きくする (注: 2つのパラメータが必要) |
fullhtml | boolean? | No | n/a | 背景画像上でhtmlを完全にコントロールする。(htmlコードはtext属性に記述する) |
frame | string? | No | n/a | 異なるフレームにおけるポップアップを操作する。(詳細はoverlibのサイトを参照) |
timeout | string? | No | n/a | 指定されたjavascriptの関数を呼び出し、戻り値をポップアップウィンドウのテキストとして表示する |
delay | integer? | No | n/a | 設定した遅延(ミリ秒)の後にポップアップが表示される |
hauto | boolean? | No | n/a | ポップアップがマウスの左側か右側のどちらに位置するべきかを自動的に決定する |
vauto | boolean? | No | n/a | ポップアップがマウスの上側か下側のどちらに位置するべきかを自動的に決定する |
javascriptによるポップアップウィンドウを作成します。
例 8-17. popup
{* popup_initはページの先頭で一度だけ呼び出す必要があります *}
{popup_init src="/javascripts/overlib.js"}
{* マウスが重なった時にポップアップによる説明が表示されるリンクを作成する *}
<A href="mypage.html" {popup text="This link takes you to my page!"}>mypage</A>
{* popupのtextにhtmlやlinksを用いる事ができます *}
<A href="mypage.html" {popup sticky=true caption="mypage contents"
text="<UL> <LI>links<LI>pages<LI>images</UL>" snapx=10 snapy=10}>mypage</A>