Logo Море(!) аналитической информации!
IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware
VPS/VDS серверы. 30 локаций на выбор

Серверы VPS/VDS с большим диском

Хорошие условия для реселлеров

4VPS.SU - VPS в 17-ти странах

2Gbit/s безлимит

Современное железо!

Бесплатный конструктор сайтов и Landing Page

Хостинг с DDoS защитой от 2.5$ + Бесплатный SSL и Домен

SSD VPS в Нидерландах под различные задачи от 2.6$

✅ Дешевый VPS-хостинг на AMD EPYC: 1vCore, 3GB DDR4, 15GB NVMe всего за €3,50!

🔥 Anti-DDoS защита 12 Тбит/с!

2004 г.

HTML Help ActiveX control: всплывающие окна

Владимир Дригалкин
«Издательский Дом «КОМИЗДАТ»

Чтобы разъяснить пользователю значение какого-нибудь слова в тексте документа HTML, одни веб-программисты пишут разъяснения в кавычках, другие создают закладки. Но есть более красивый способ - использовать всплывающие окна, не прибегая при этом к навороченным скриптам

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

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

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

Теперь давайте рассмотрим атрибуты данного метода:

  • PszText - текст, который будет отображен во всплывающем окне;
  • PszFont - атрибуты шрифта, которые указываются через запятую в следующем порядке:
    1. название шрифта (например, Tahoma, Arial и т.п.);
    2. размер шрифта (числовое значение);
    3. кодировка символов шрифта (числовое значение - если не указывать, будет использована кодировка текущей страницы);
    4. начертание шрифта (может иметь элементы: PLAIN - обычный текст, BOLD - жирный, ITALIC - курсив, UNDERLINE - подчеркнутый).
Вот, например, способ применения атрибута PszFont - "Verdana,8,,BOLD";

  • HorzMargins - размер окна по горизонтали;
  • VertMargins - размер окна по вертикали;
  • ClrForeground - цвет текста в RRGGBB формате. По умолчанию - черный (-1);
  • ClrBackground - цвет фона всплывающего окна. По умолчанию - ярко-желтый (-1).

Итак, атрибуты мы рассмотрели, теперь можно приступить к созданию всплывающего окна. Для этого нам нужно вставить в HTML файл - объект HTML Help ActiveX:

<OBJECT id=test type="application/x-oleobject"
  classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
</OBJECT> 

При этом совершенно не важно, где именно будет помещен он в HTML-странице. Заметьте, что идентификатору id присвоено имя test - оно может быть любым, но обязательно должно совпадать с именем при вызове JavaScript.

Далее напишем небольшую программу, в которой определим, какой шрифт следует использовать во всплывающем окне, и здесь же укажем текст для самого окна или нескольких окон (в нашем случае - двух):

<script>
FontFace = "Verdana,8,,BOLD"
TopicText = "Текст первого всплывающего окна"
TopicText2 = "Текст второго всплывающего окна"
</script>

Имена переменных: FontFace, TopicText, TopicText2 - могут быть любыми, но обязательно должны совпадать с именами при вызове JavaScript. В программе вы можете добавить строки и других всплывающих окон.

Самое главное мы уже сделали: вставили в документ объект HTML Help ActiveX, написали программу - теперь осталось только научиться вызывать метод TextPopup. Больших сложностей в этом не будет:

<!--Отображение всплывающего окна с текстом 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>

Вот таким простым способом можно создать красивые всплывающие окна.

VPS в 21 локации

От 104 рублей в месяц

Безлимитный трафик. Защита от ДДоС.

🔥 VPS до 5.7 ГГц под любые задачи с AntiDDoS в 7 локациях

💸 Гифткод CITFORUM (250р на баланс) и попробуйте уже сейчас!

🛒 Скидка 15% на первый платеж (в течение 24ч)

Скидка до 20% на услуги дата-центра. Аренда серверной стойки. Colocation от 1U!

Миграция в облако #SotelCloud. Виртуальный сервер в облаке. Выбрать конфигурацию на сайте!

Виртуальная АТС для вашего бизнеса. Приветственные бонусы для новых клиентов!

Виртуальные VPS серверы в РФ и ЕС

Dedicated серверы в РФ и ЕС

По промокоду CITFORUM скидка 30% на заказ VPS\VDS

Новости мира IT:

Архив новостей

IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware

Информация для рекламодателей PR-акции, размещение рекламы — adv@citforum.ru,
тел. +7 495 7861149
Пресс-релизы — pr@citforum.ru
Обратная связь
Информация для авторов
Rambler's Top100 TopList liveinternet.ru: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня This Web server launched on February 24, 1997
Copyright © 1997-2000 CIT, © 2001-2019 CIT Forum
Внимание! Любой из материалов, опубликованных на этом сервере, не может быть воспроизведен в какой бы то ни было форме и какими бы то ни было средствами без письменного разрешения владельцев авторских прав. Подробнее...