Информатика и выч. техника \ Проектирование информационных систем

Создание Pop-Up окна в HTML-HELP файлах

Страницы работы

3 страницы (Word-файл)
Скачать файл

Содержание работы

Создание Pop-Up окна в HTML-HELP файлах

Шаг 1

Подготовка текста для выпадающего окна (PopUp):

  • Напечатайте текст для Ваших pop-up окон, используя любой текстовый редактор, в следующем формате:

<SCRIPT Language=JavaScript> font_variable="Facename[, point size[, charset[, PLAIN BOLD ITALIC UNDERLINE]]]" text_variable="A Pop-up Window" text_variable2="Another Pop-up Window" </SCRIPT>

где:  font_variable – имя переменной, в которой определены параметры шрифта для текста выпадающего окна, and text_variable – имя переменной, в которой занесен сам текст отражаемый в выпадающем окне.

Пример:

Следующий скрипт задает переменную MyFontс описанием параметра шрифта:10 пунктов italic Helvetica как шрифт для текста;  и задает переменную MyText с самим текстом для будущего pop-up окна:

<SCRIPT Language=JavaScript>
    MyFont="Helvetica,10,,italic"
    MyText="Это выпадающее окно."
</SCRIPT>

Примечание:

  • Это описание Вы можете расположить в любом месте за пределами или внутри <BODY> тэга в Вашем HTML файле. Рекомендуется – перед <BODY> тэгом.
  • Текст для pop-up окон может быть также написан в специальном text file который имеет текстовый формат (создается блокнотом), но имеет расширение .js.

Пример Задания текста для Pop-Up окна в текстовом файле:

Текст для pop-up окон может быть также написан в специальном text file который имеет текстовый формат (создается блокнотом), но имеет расширение .js. В этом файле Вы можете разместить тексты сразу для всех Pop-Up окон Вашей справочной системы. Тут же производится глобальное определение параметров шрифта для всех Pop-Up окон.

  1. Любым текстовым редактором создайте файл следующего наполнения:

popfont="Facename[, point size[, charset[, PLAIN BOLD ITALIC UNDERLINE]]]" Text1="Это – первоевыпадающееокно." Text2="А это – второе выпадающее окно."

Где  popfont – имя переменной, которая определяет параметры шрифта Pop-Up окна.    Text1, Text2,  и т.д., переменные, содержащие строки для Pop-Up окон.

Пример:

popfont="Helvetica,10,,italic,BOLD"

Text1="Это – первое выпадающее окно."       Text2="А это – второе выпадающее окно."

  1. Запишите файл, задав ему расширение .js.
  2. Скопируйте следующий код в каждый HTML файл, где будут использоваться Pop-Up окна. Расположите код перед или внутри <HEAD> тэга:

<OBJECT id=popup type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" > </OBJECT> <SCRIPT language=javascript SRC="terms.js"> </SCRIPT>

Где: popup  -  ID объявляемого элемента управления (придумывается программистом); terms.js – имя Вашего текстового файла (тоже придумывается программистом).

Также внесите в Ваш HTML файл следующий код, вызывающий метод TextPopup из библиотеки HTML Help ActiveX control. Код должен располагаться внутри <BODY> тэга в том месте, где должен появиться элемент вызова выпадающего окна.  

<A HREF="JavaScript:HHCTRL.TextPopup(Text1,popfont,9,9,-1,-1)" Title="Click for pop-up definition">Word to be defined</A>

Примечание:

  • Вы должны добавить имя созданного текстового файла в секцию [FILES] Вашего проекта (.hhp).
  • This procedure cannot be used to create context-sensitive help topics that users open through an external program.

Шаг 2:

Вставка HTML Help ActiveX элемента управления в Ваш HTML file

Скопируйте следующий  код описания HTML Help ActiveX элемента управления в Ваш файл: 

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

Где: popup - ID элемента управления, который Вы определите на Шаге 3. If your HTML file already includes an instance of the control, you can reference that one.

Примечание:

  • Вы можете также вставить HTML Help ActiveX Control с помощью  Wizard, и затем удалить <PARAM> тэг вручную.
  • Вы можете располагать HTML Help ActiveX элемент управления в любом месте тэга <BODY>.
  • Вы можете сделать множественные вставки HTML Help ActiveX элемента управления в HTML file, учитывая, что каждый элемент должен иметь свой ID.

Шаг 3

Создание ссылки на Pop-Upокно

  • Скопируйте следующий код в Ваш HTML для вызова метода TextPopup библиотеки HTML Help ActiveX элементов управления:

<A HREF="JavaScript:popup.TextPopup(text_variable, font_variable,9,9,-1,-1)">Click Here</a>

Где:  popup - ID определенный Вами на шаге 2;  text_variable и  font_variable – переменные, определенные Вами на Шаге 1; цифры соответственно левое и правое поле (от текста) (9,9) и цвета переднего (текста) и заднего (подложки) плана окна (-1, -1) (отрицательные величины задают значения по-умолчанию), и   «Click Here» -  текст гиперссылки.

Пример:

Следующий пример задает HTML Help ActiveX элемент управления (гиперссылку) с ID  popup и отображает текст переменной MyText шрифтом, описанном в переменной MyFont:

<A HREF=JavaScript:popup.TextPopup(MyText,MyFont,9,9,-1,-1)> Click to see a pop-up window.</A>

Внешний вид ссылки (рисунок кнопки надо создавать отдельно):

Click to see a pop-up window

Примечание:

  • Вызвать метод  TextPopup простой текстовой ссылкой невозможно. Вы должны использовать описанный скрипт для реализации выпадающего окна.

Похожие материалы

Информация о работе

ВУЗ:
Комсомольский-на-Амуре Государственный Технический Университет (КнАГТУ)
Предмет:
Проектирование информационных систем
Тип:
Отчеты по лабораторным работам
Категория:
Информатика и выч. техника (Технические предметы)
Размер файла:
53 Kb
Скачали:
0
Скачать файл