Идёт загрузка страницы...

htp://aptem.net.ru





    Всплывающие окна.

    Сколько не блуждал я просторами Интернета, но ни у кого на сайте не видел всплывающих окон, созданных с помощью метода TextPopup HTML Help ActiveX control. А ведь это самый простой, корректный и эффективный способ для вывода небольших комментариев, разъяснительной информации:

    Пример всплывающего окна в HTML документе

    Синтаксис метода TextPopup:

    TextPopup(pszText, pszFont, horzMargins, vertMargins, clrForeground, clrBackground)

    pszText Текст, который будет отображен во всплывающем окне.
    pszFont Атрибуты шрифта, которые указываются в таком порядке:
    • Название шрифта
    • Размер шрифта
    • Кодировка символов шрифта(если не указывать, будет использована кодировка текущей страницы)
    • Начертание шрифта (может иметь элементы: PLAIN - обычный текст, BOLD - жирный, ITALIC - курсив и UNDERLINE - подчеркнутый)
    Пример:

    "Verdana,8,,BOLD"

    horzMargins Размер окна по горизонтали.
    vertMargins Размер окна по вертикали.
    clrForeground Цвет текста в RRGGBB формате. По умолчанию черный (-1).
    clrBackground Цвет фона всплывающего окна. По умолчанию ярко-желтый (-1).

    Итак, атрибуты мы рассмотрели, теперь можно приступить к созданию всплывающего окна:

    <!--Специальный идентификатор-->
    <OBJECT id=test type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></OBJECT>

    <!--JavaScript, который назначает текстовую и шрифтовую переменные-->
    <script>
      FontFace="
    Verdana,8,,bold"
      TopicText="
    Пример всплывающего окна. Это окно может отобразить только текст."
      TopicText2="
    Здесь текст другого всплывающего окна."
    </script>

    <!--Отображение всплывающего окна с текстом TopicText и со стандартным фоном-->
    <a href="javascript:test.TextPopup(TopicText, FontFace, 10,10,-1,-1)" title="Нажмите меня...">Пример всплывающей подсказки 1</a>

    <!--Отображение всплывающего окна с текстом TopicText2 и с белым фоном-->
    <a href="javascript:test.TextPopup(TopicText2, FontFace, 10,10,10,10)" title="Нажмите меня...">Пример всплывающей подсказки 2</a>

    Вот таким простым способом можно создать красивые всплывающие окна для отображения какой-нибудь разъяснительной информации, и при этом не прибегая к помощи громоздких JavaApplets.


Вернуться?

Перейти к разделу "Учебники по HTML"