popup

Attribute NameTypeRequiredDefaultDescription
textstringYesn/athe text/html to display in the popup window
triggerstringNoonMouseOverWhat is used to trigger the popup window. Can be one of onMouseOver or onClick
stickybooleanNofalseMakes the popup stick around until closed
captionstringNon/asets the caption to title
fgcolorstringNon/acolor of the inside of the popup box
bgcolorstringNon/acolor of the border of the popup box
textcolorstringNon/asets the color of the text inside the box
capcolorstringNon/asets color of the box's caption
closecolorstringNon/asets the color of the close text
textfontstringNon/asets the font to be used by the main text
captionfontstringNon/asets the font of the caption
closefontstringNon/asets the font for the "Close" text
textsizestringNon/asets the size of the main text's font
captionsizestringNon/asets the size of the caption's font
closesizestringNon/asets the size of the "Close" text's font
widthintegerNon/asets the width of the box
heightintegerNon/asets the height of the box
leftbooleanNofalsemakes the popups go to the left of the mouse
rightbooleanNofalsemakes the popups go to the right of the mouse
centerbooleanNofalsemakes the popups go to the center of the mouse
abovebooleanNofalsemakes the popups go above the mouse. NOTE: only possible when height has been set
belowbooleanNofalsemakes the popups go below the mouse
borderintegerNon/amakes the border of the popups thicker or thinner
offsetxintegerNon/ahow far away from the pointer the popup will show up, horizontally
offsetyintegerNon/ahow far away from the pointer the popup will show up, vertically
fgbackgroundurl to imageNon/adefines a picture to use instead of color for the inside of the popup.
bgbackgroundurl to imageNon/adefines a picture to use instead of color for the border of the popup. NOTE: You will want to set bgcolor to "" or the color will show as well. NOTE: When having a Close link, Netscape will re-render the table cells, making things look incorrect
closetextstringNon/asets the "Close" text to something else
noclosebooleanNon/adoes not display the "Close" text on stickies with a caption
statusstringNon/asets the text in the browsers status bar
autostatusbooleanNon/asets the status bar's text to the popup's text. NOTE: overrides status setting
autostatuscapstringNon/asets the status bar's text to the caption's text. NOTE: overrides status and autostatus settings
inarrayintegerNon/atells overLib to read text from this index in the ol_text array, located in overlib.js. This parameter can be used instead of text
caparrayintegerNon/atells overLib to read the caption from this index in the ol_caps array
capiconurlNon/adisplays the image given before the popup caption
snapxintegerNon/asnaps the popup to an even position in a horizontal grid
snapyintegerNon/asnaps the popup to an even position in a vertical grid
fixxintegerNon/alocks the popups horizontal position Note: overrides all other horizontal placement
fixyintegerNon/alocks the popups vertical position Note: overrides all other vertical placement
backgroundurlNon/asets image to be used instead of table box background
padxinteger,integerNon/apads the background image with horizontal whitespace for text placement. Note: this is a two parameter command
padyinteger,integerNon/apads the background image with vertical whitespace for text placement. Note: this is a two parameter command
fullhtmlbooleanNon/aallows you to control the html over a background picture completely. The html code is expected in the "text" attribute
framestringNon/acontrols popups in a different frame. See the overlib page for more info on this function
timeoutstringNon/acalls the specified javascript function and takes the return value as the text that should be displayed in the popup window
delayintegerNon/amakes that popup behave like a tooltip. It will popup only after this delay in milliseconds
hautobooleanNon/aautomatically determine if the popup should be to the left or right of the mouse.
vautobooleanNon/aautomatically determine if the popup should be above or below the mouse.

属性 类型 是否必须 缺省值 描述
text string Yes n/a 弹出窗口中要显示的内容,文本或超文本
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 设置"关闭"文本信息的颜色
textfont string No n/a 设置内容文本使用的字体类型
captionfont string No n/a 设置标题文本的字体
closefont string No n/a 设置"关闭"文本信息的字体类型
textsize string No n/a 设置内容文本使用的字体大小
captionsize string No n/a 设置标题文本使用的字体大小
closesize string No n/a 设置"关闭"文本信息的字体大小
width integer No n/a sets the width of the box设置宽度
height integer No n/a sets the height of the box设置高度
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

使用背景图片代替边框颜色. 注1: 必须设置bgcolor为"",边框颜色才不会显示. 注2: 当有关闭链接时,Netscape会重新渲染表格,看起来可能会有点问题.

closetext string No n/a 自定义关闭链接显示文本
noclose boolean No n/a 不显示关闭链接
status string No n/a 设置状态栏显示的文本
autostatus boolean No n/a 设置弹出窗口状态栏显示的文本为当前窗口状态栏显示的文本. 注: 该设置将覆盖status的设置
autostatuscap string No n/a 设置状态栏显示的文本为标题栏显示的信息. 注: 该设置将覆盖status和autostatus设置
inarray integer No n/a 该属性告诉overLib在ol_text数组中读该属性指定的索引的元素到text中. 该属性可以代替text属性
caparray integer No n/a 该属性告诉overLib在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文档.
timeout string No n/a 调用特定javascript脚本函数,将返回值显示在弹出窗口中.
delay integer No n/a 使得弹出窗口像一个工具提示,窗口将显示到该属性指定的时间(毫秒)
hauto boolean No n/a 自动决定弹出窗口位于鼠标的左侧或右侧.
vauto boolean No n/a 自动决定弹出窗口位于鼠标的上侧或下侧.

popup is used to create javascript popup windows.

popup 用于创建javascript弹出窗口.

Example 8-17. popup
例 8-17. popup 函数演示

{* popup_init must be called once at the top of the page *}
{popup_init src="/javascripts/overlib.js"}

{* create a link with a popup window when you move your mouse over *}
<A href="mypage.html" {popup text="This link takes you to my page!"}>mypage</A>

{* you can use html, links, etc in your popup text *}
<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>