{popup} используется для создания высплывающих окон при помощи javascript. Для обеспечения работы этой функции, предварительно ДОЛЖНА быть вызвана функция {popup_init}.
Имя атрибута | Тип | Обязателен | По умолчанию | Описание |
---|---|---|---|---|
text | string | Да | n/a | текст/html для отображения во всплывающем окне |
trigger | string | Нет | onMouseOver | Какое событие используется для активации всплывающего окна. Может быть onMouseOver или onClick. |
sticky | boolean | Нет | false | Всплывающее окно закрывается кликом |
caption | string | Нет | n/a | устанавливает заголовок окна |
fgcolor | string | Нет | n/a | цвет всплывающего окна |
bgcolor | string | Нет | n/a | цвет рамки всплывающего окна |
textcolor | string | Нет | n/a | устанавливает цвет текста внутри всплывающего окна |
capcolor | string | Нет | n/a | устанавливает цвет заголовка всплывающего окна |
closecolor | string | Нет | n/a | устанавливает цвет надписи "закрыть" |
textfont | string | Нет | n/a | устанавливает шрифт для главного текста |
captionfont | string | Нет | n/a | устанавливает шрифт дла заголовка |
closefont | string | Нет | n/a | устанавливает шрифт надписи "Закрыть" |
textsize | string | Нет | n/a | устанавливает размер главного текста |
captionsize | string | Нет | n/a | устанавливает размер заголовка |
closesize | string | Нет | n/a | устанавливает размер надписи "Закрыть" |
width | integer | Нет | n/a | устанавливает ширину всплывающего окна |
height | integer | Нет | n/a | устанавливает высоту всплывающего окна |
left | boolean | Нет | false | заставляет всплывающее окно появляться слева от курсора мыши |
right | boolean | Нет | false | заставляет всплывающее окно появляться справа от курсора мыши |
center | boolean | Нет | false | заставляет всплывающее окно появляться по центру курсора мыши |
above | boolean | Нет | false | Заставляет всплывающее окно появляться сверху от курсора. Внимание: работает только если установлен атрибут height. |
below | boolean | Нет | false | заставляет всплывающее окно появляться снизу от курсора мыши |
border | integer | Нет | n/a | делает рамку вокрут всплывающего окна тоньше или толще |
offsetx | integer | Нет | n/a | как далеко от курсора будет отображаться всплывающее окно, по горизонтали |
offsety | integer | No | n/a | как далеко от курсора будет отображаться всплывающее окно, по вертикали |
fgbackground | url к картинке | Нет | n/a | определяет картинку, которая будет использована вместо цвета для содержимого всплывающего окна. |
bgbackground | url к картинке | No | n/a | определяет картинку, которая будет использована вместо цвета для рамки всплывающего окна. Внимание: вам следует установить bgcolor в "", иначе цвет так же будет отображаться. Внимание: когда присутствует ссылка "Закрыть", Netscape будет перерисовывать ячеки таблицы, из-за чего результат может быть неверным |
closetext | string | Нет | n/a | устанавливает текст для надписи "Закрыть" |
noclose | boolean | Нет | n/a | не отображать текст "Закрыть" для всплывающих окон с заголовком |
status | string | Нет | n/a | устанавливает текст в строку статуса браузера |
autostatus | boolean | Нет | n/a | устанавливает текст всплывающего окна в строку статуса браузера Внимание: переназначает установку status |
autostatuscap | string | Нет | n/a | устанавливает текст заголовка всплывающего окна в строку статуса браузера. NOTE: переназначает установки status и autostatus |
inarray | integer | Нет | n/a | говорит overLib прочитать текст по этому индексу в массиве ol_text, расположеном в overlib.js. Этот параметр может быть использован вместо параметра text |
caparray | integer | Нет | n/a | говорит overLib и прочитать заголовок по этому индексу в массиве ol_caps |
capicon | url | Нет | n/a | отображает картинку перед заголовком всплывающего окна |
snapx | integer | Нет | n/a | прикрепляет всплывающее окно к каждому N-ому пикселю по горизонтали |
snapy | integer | Нет | n/a | прикрепляет всплывающее окно к каждому N-ому пикселю по вертикали |
fixx | integer | Нет | n/a | блокирует горизонтальное положение всплывающего окна. Внимание: переназначает всё горизонтальное позиционирование |
fixy | integer | Нет | n/a | блокирует вертикальное положение всплывающего окна. Внимание: переназначает всё вертикальное позиционирование |
background | url | Нет | n/a | устанавливает картинку для использования вместо фона таблицы |
padx | integer,integer | Нет | n/a | делает горизонтальный отступ фоновой картинки для размещения текста. Внимание: это двойная команда |
pady | integer,integer | Нет | n/a | делает вертикальный отступ фоновой картинки для размещения текста. Внимание: это двойная команда |
fullhtml | boolean | Нет | n/a | дает вам возможность полностью контролировать html поверх фоновой картинки. HTML-код ожидается в атрибуте "text" |
frame | string | Нет | n/a | контролирует всплывающее окно в другом фрейме. См. домашнюю страницу overlib для дополнительной информации по этой функции |
function | string | Нет | n/a | вызывает указанную функцию javascript и отображает возвращенное значение во всплывающем окне |
delay | integer | Нет | n/a | заставляет всплывающее окно вести себя как всплывающую подсказку. Оно всплывет только после определенной задержки в миллисекундах. |
hauto | boolean | Нет | n/a | автоматически определять, должна ли всплывающая подсказка быть слева или справа от курсора мыши. |
vauto | boolean | Нет | n/a | автоматически определять, должна ли всплывающая подсказка быть выше или ниже курсора мыши. |
Пример 8.23. {popup}
{* popup_init должна быть вызвана один раз в начале страницы *} {popup_init src='/javascripts/overlib.js'} {* создает ссылку со всплывающим окном, когда вы наводите на неё курсор *} <a href="mypage.html" {popup text='This link takes you to my page!'}>mypage</a> {* вы можете использовать HTML, ссылки и т.д. в тексте *} <a href="mypage.html" {popup sticky=true caption='mypage contents' text="<ul><li>links</li><li>pages</li><li>images</li></ul>" snapx=10 snapy=10 trigger='onClick'}>mypage</a> {* всплывающее окно над ячейкой таблицы *} <tr><td {popup caption='Часть details' text=$part_long_description}>{$part_number}</td></tr>
Другой хороший пример можно найти на в описании тэга {capture}.
См. также {popup_init} и overLib.