4. Фреймы

Для того, щоб працювати відразу з декількома документами HTML, можна надати користувачу многооконный інтерфейс, реалізований за допомогою фреймов. Докладно про фреймах рассказывалось у першій частині, що називається "Програмування в Internet. Частина 1. Основи мови HTML".

4.1. Файл опису фреймов

Для того щоб об'єднати декілька документів HTML за допомогою фреймов, потрібно підготувати спеціальний документ HTML, у якому знаходиться опис параметрів фреймов, таких, як розмір і розташування.

Особливість такого документа - відсутність на своєму звичайному місці області тіла документа, виділеного операторами <BODY> і </BODY>. Замість цього у файлі описи фреймов розташовуються оператори <FRAMESET>, </FRAMESET>, <NOFRAME> і </NOFRAME>, як це показано нижче:

<HTML>

<HEAD>

…

</HEAD>

<FRAMESET

ROWS="Висота_рядки"

COLS="Ширина колонки"

onLoad="06pa6oтчик_події"

onUnload="Оброблювач_події">

<FRAME SRC="Aдpec_URL" NAME="Ім'я_фpeймa">

...

<FRAME SRC="Aдpec_URL" NАMЕ="Ім'я_фрейма">

<NOFRAME>

<B0DY>

...

</B0DY>

</NOFRAME>

</FRAMESET>

</HTML>

Параметри ROWS і COLS оператора <FRAMESLT> визначають розміри фреймов і задаються у виді списку значень, розділених запятой.

Можна визначити оброблювачі подій onLoad і onUnIoad, що одержують керування відповідно при завантаженні вмісту в головне вікно фрейма і при заміні текущею документа HTML у цьому вікні на інший. Фактично ці оброблювачі ставляться не до фреймам, а до вікна, де ці фреймы відображаються.

Для тих браузеров, що не можуть працювати з фреймами, необхідно підготувати документ HTML, розташувавши його тіло між операторами <NOFRAME> і </NOFRAME>. У цьому документі має сенс розмістити повідомлення про те, що для перегляду даної сторінки Web необхідно застосовувати більш сучасний браузер.

4.1.1. Параметри оператора <FRAMESET>

Роздивимося докладніше параметри оператора <FRAMESET>, призначеного для визначення набору фреймов:

Парамеmp Опис

COLS Ширина колонки у відсотках, пикселях або відносний розмір

ROWS Висота рядка у відсотках, пикселях або відносний розмір

FRAMEBORDER Якщо значення цього параметра дорівнює одиниці, фреймы будуть мати тривимірну рамку, ширина якої задається в пикселях. У тому випадку, коли зазначене значення 0, рамка не створюється

BORDER Використовується тільки браузером Netscape Navigator. Задає товщину рамки фрейма в пикселях

FRAMESPACING С поміччю цього параметра можна задати додаткову відстань між фреймами в пикселях

Параметри COLS і ROWS потрібні в тому випадку, коли фреймы, визначені в наборі, розташовуються у виді таблиці. Перший із цих параметрів указує ширину колонки, а другий - висоту рядка. Якщо фреймы розташовуються в однім стовпчику, параметр COLS указувати не треба. Аналогічно, якщо фреймы займають тільки один рядок, не потрібно вказувати параметр ROWS.

Можна задати значення для параметрів COLS і ROWS або в процентному відношенні, відповідно до ширини і висоти вікна браузера, або в пикселях. Якщо замість значення зазначений символ *, колонка або рядок займає всю оставшуюся частину вікна.

Наприклад, нижче зазначено, що висота первою фрейма дорівнює 90 пикселям, а другий фрейм займає всю нижню частину вікна браузера:

<FRAMESET ROWS="90, *">

У такому прикладі два фрейма, розташовані поруч, займають відповідно 20 і 80 % ширини вікна браузера.

<FRAMESET COLS="20%,80%">

4.1.2. Параметри оператора <FRAME>

Між операторами <FRAMESET> і </FRAMESET> розташовуються оператори <FRAME>, що визначають параметри окремих фреймов. Це параметри SRC і NAME. Перший із цих параметрів задає адреса URL документа HTML, що буде завантажений у даний фрейм, а другий - ім'я фрейма, що можна використовувати в сценарії JavaScript для адресации об'єктів, розташованих у фрейме. Зауважимо, що адреса URL не повинна містити посилання на локальні мітки (anchor).

Оператор <FRAME> має такі параметри:

Параметр Опис

ALIGN Використовується тільки для "плаваючих фреймов" у браузере Microsoft Internet Explorer. Задає вирівнювання фрейма або тексту, розташованого поруч із фреймом. Цей параметр може приймати такі значення: LEFT, CENTER, RIGHT, TOP, BOTTOM

MARGINHEIGHT Розмір відступу по вертикалі від меж фрейма в пикселях

MARGINWIDTH Розмір відступу по горизонталі від меж фрейма в пикселях

FRAMEBORDER Якщо значення цього параметра дорівнює одиниці, фреймы будуть мати тривимірну рамку, ширина якої задається в пикселях. У тому випадку, коли зазначене значення ПРО, рамка не створюється

NAME Цей параметр задає ім'я фрейма, що використовується в операторі посилання <А> для вказівки, у який фрейм потрібно завантажити новий документ

NORESIZE Якщо зазначений цей параметр, користувач не зможе змінювати розміри фрейма, пересуваючи його межі мишею

SCROLLING Параметр SCROLLING визначає, потрібно чи створювати смуги перегляду для пакунки умісту фрейма. Для цього параметра можна вказувати такі значення:

YES - смуги перегляду створюються завжди;

NO - смуги перегляду не створюються;

AUTO - смуги перегляду створюються тільки при необхідності, коли документ HTML не поміщається цілком у вікні фрейма

SRC Адреса URL файла з документом HTML, що завантажується у вікно фрейма