Главная->Уроки по js->Всплывающие окна
Всплывающие окна
Сколько не блуждал я просторами Интернета, но ни у кого на сайте не видел всплывающих окон, созданных с помощью метода TextPopup HTML Help ActiveX control. А ведь это самый простой, корректный и эффективный способ для вывода небольших комментариев, разъяснительной информации
<table border="2" cellpadding="4" cellspacing="0" width="90%">
<tbody><tr valign="top">
<td>pszText</td>
<td>Текст, который будет отображен во всплывающем окне.</td>
</tr>
<tr valign="top">
<td>pszFont</td>
<td>Атрибуты шрифта, которые указываются в таком порядке:
<ul>
<li>Название шрифта</li>
<li>Размер шрифта</li>
<li>Кодировка символов шрифта(если не указывать, будет использована
кодировка текущей страницы)</li>
<li>Начертание шрифта (может иметь элементы:PLAIN- обычный текст,
BOLD- жирный, ITALIC- курсив и UNDERLINE- подчеркнутый)</li>
</ul>
Пример:
<p>"Verdana,8,,BOLD"
</p></td>
</tr>
<tr valign="top">
<td>horzMargins</td>
<td>Размер окна по горизонтали.</td>
</tr>
<tr valign="top">
<td>vertMargins</td>
<td>Размер окна по вертикали.</td>
</tr>
<tr valign="top">
<td>clrForeground</td>
<td>Цвет текста в RRGGBB формате. По умолчанию черный (-1).</td>
</tr>
<tr valign="top">
<td> clrBackground</td>
<td>Цвет фона всплывающего окна. По умолчанию ярко-желтый (-1).</td>
</tr>
</tbody></table>
Итак, атрибуты мы рассмотрели, теперь можно приступить к созданию всплывающего окна:
<table border="2" cellpadding="4" cellspacing="0" width="90%">
<tbody><tr valign="top">
<td><!--Специальный идентификатор--><br>
<OBJECT id=test type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></OBJECT>
<p> <!--JavaScript, который назначает текстовую и шрифтовую переменные--><br>
<script><br>
FontFace="Verdana,8,,bold"<br>
TopicText="Пример всплывающего окна. Это окно может
отобразить только текст."<br>
TopicText2="Здесь текст другого всплывающего окна."<br>
</script>
</p><p> <!--Отображение всплывающего окна с текстом TopicText и со
стандартным фоном--><br>
<a href="JavaScript:test.TextPopup(TopicText, FontFace, 10,10,-1,-1)"
title="Нажмите меня...<b>"></b><a href="JavaScript:test.TextPopup(TopicText, FontFace, 10,10,-1,-1)" title="Нажмите меня...">Пример
всплывающей подсказки 1</a> </a>
</p><p> <!--Отображение всплывающего окна с текстом TopicText2 и с
белым фоном--><br>
<a href="JavaScript:test.TextPopup(TopicText2, FontFace, 10,10,10,10)"
title="Нажмите меня..."><a href="JavaScript:test.TextPopup(TopicText2, FontFace, 10,10,10,10)" title="Нажмите меня...">Пример
всплывающей подсказки 2</a></a>
</p></td>
</tr>
</tbody></table>
Вот таким простым способом можно создать красивые всплывающие окна для отображения какой-нибудь разъяснительной информации, и при этом не прибегая к помощи громоздких JavaApplets.