popup

属性名必須デフォルト概要
textstringYesn/aポップアップウィンドウを表示するためのtext/html
triggerstringNoonMouseOverポップアップウィンドウを起動するトリガ(onMouseOver又はonClick)
stickybooleanNofalse閉じられるまでポップアップを表示するかどうか
captionstringNon/aキャプションをタイトルにセットする
fgcolorstringNon/aポップアップボックスの内部の色
bgcolorstringNon/aポップアップボックスの境界線の色
textcolorstringNon/aポップアップボックスのテキストの色
capcolorstringNon/aポップアップボックスのキャプションの色
closecolorstringNon/a"close"テキストの色
textfontstringNon/aメインテキストで使用されるフォントの種類
captionfontstringNon/aキャプションのフォントの種類
closefontstringNon/a"close"テキストのフォントの種類
textsizestringNon/aメインテキストのフォントサイズ
captionsizestringNon/aキャプションのフォントサイズ
closesizestringNon/a"close"テキストのフォントサイズ
widthintegerNon/aポップアップボックスの幅
heightintegerNon/aポップアップボックスの高さ
leftbooleanNofalseポップアップをマウスの左側に表示
rightbooleanNofalseポップアップをマウスの右側に表示
centerbooleanNofalseポップアップをマウスの中心に表示
abovebooleanNofalseポップアップをマウスの上側に表示 (注: heightがセットされている場合のみ有効)
belowbooleanNofalseポップアップをマウスの下側に表示
borderintegerNon/aポップアップの境界線の幅
offsetxintegerNon/aポインタから水平にどれくらい離れた位置にポップアップを表示するか
offsetyintegerNon/aポインタから垂直にどれくらい離れた位置にポップアップを表示するか
fgbackgroundurl to imageNon/aポップアップの内部に色の代わりに背景画像を表示
bgbackgroundurl to imageNon/aポップアップの境界に色の代わりに画像を表示する。 (注: You will want to set bgcolor to "" or the color will show as well. ) (注: "Close"リンクを使用する場合、古いバージョンのNetscapeではテーブルのセルが再描写されて誤った表示になる場合があります)
closetextstringNon/a"close"テキストを任意の文字列に変更する
noclosebooleanNon/aキャプションを持つポップアップに"close"テキストを表示しない
statusstringNon/aブラウザのステータスバーに文字列をセットする
autostatusbooleanNon/aステータスバーのテキストをポップアップのテキストに設定する (注: statusの設定をオーバーライドします)
autostatuscapstringNon/aステータスバーのテキストをキャプションのテキストに設定する (注: statusとautostatusの設定をオーバーライドする)
inarrayintegerNon/aoverlib.jsに位置するol_text配列の指定したインデックスからテキストを読み取る。(このパラメータはtextの代わりに使用されます)
caparrayintegerNon/aoverlib.jsに位置するol_caps配列の指定したインデックスからキャプションを読み取る
capiconurlNon/aキャプションの前に画像を表示する
snapxintegerNon/aポップアップを水平グリッドにスナップする
snapyintegerNon/aポップアップを垂直グリッドにスナップする
fixxintegerNon/aポップアップの水平の位置を固定する (注: 他の全ての水平の位置に関する属性はオーバーライドされます)
fixyintegerNon/aポップアップの垂直の位置を固定する (注: 他の全ての垂直の位置に関する属性はオーバーライドされます)
backgroundurlNon/aテーブルボックスの背景の代わりに画像をセットする
padxinteger,integerNon/a水平のホワイトスペースによって背景画像の表示領域を大きくする (注: 2つのパラメータが必要)
padyinteger,integerNon/a垂直のホワイトスペースによって背景画像の表示領域を大きくする (注: 2つのパラメータが必要)
fullhtmlbooleanNon/a背景画像上でhtmlを完全にコントロールする。(htmlコードはtext属性に記述する)
framestringNon/a異なるフレームにおけるポップアップを操作する。(詳細はoverlibのサイトを参照)
timeoutstringNon/a指定されたjavascriptの関数を呼び出し、戻り値をポップアップウィンドウのテキストとして表示する
delayintegerNon/a設定した遅延(ミリ秒)の後にポップアップが表示される
hautobooleanNon/aポップアップがマウスの左側か右側のどちらに位置するべきかを自動的に決定する
vautobooleanNon/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>