Непрофессиональное введение в Javascript

         

Создание фреймов



Создание фреймов

Часто задаваемый вопрос - то, как работают вместе фреймы и JavaScript. Сначала я хочу объяснять, чем являются фреймы и для чего они могут использоваться. После этого мы увидим, как можно использовать JavaScript в комбинации с фреймами.
Окно броузера может быть разделено на несколько фреймов. Это означает, что фрейм - прямоугольная область внутри окна броузера. Каждый фрейм отображает собственный документ (чаще всего HTML-документы). Так что Вы можете например создать два фрейма. В первый фрейм Вы загружаете домашнюю страничку Netscape, а во второй фрейм Вы загружаете домашнюю страничку Microsoft.
Создание фреймов проблема HTML, я хочу описать базисные вещи. Для создания фреймов Вы необходимы два тега:<frameset> и <frame>. HTML-страница, создающая два фрейма, могла бы выглядеть следующим образом:

<html> <frameset rows="50%,50%"> <frame src="page1.htm" name="frame1"> <frame src="page2.htm" name="frame2"> </frameset> </html>

Таким образом, получаются два фрейма. Вы видите, что мы используем свойство rows в теге <frameset>. Это означает, что два фрейма находятся друг над другом. Верхний фрейм загружает HTML-страницу page1.htm, а нижний фрейм отображает документ page2.htm. Если Вы нажмёте кнопку, Вы увидите как это выглядит:

Если Вам необходимы столбцы вместо строк, Вы пишете cols вместо rows в теге <frameset>. Часть "50%,50%" определяет насколько большие эти два окна. Также, Вы можете написать "50%,*" если Вы не хотите вычислять величину второго фрейма, чтобы получить 100%. Вы можете определить размер в пикселях, опуская символ %. Каждый фрейм получает уникальное имя со свойством name в теге <frame>. Это поможет нам при вызове фрейма через JavaScript.

Вы можете иметь несколько вложенных тегов <frameset>. Я нашел этот пример в документации, предоставленной Netscape (я только изменил его немного):

<frameset cols="50%,50%"> <frameset rows="50%,50%"> <frame src="cell.htm"> <frame src="cell.htm"> </frameset> <frameset rows="33%,33%,33%"> <frame src="cell.htm"> <frame src="cell.htm"> <frame src="cell.htm"> </frameset> </frameset>

Взгляните на этот пример:

Вы можете устанавливать размер рамки через свойство border в теге <frameset>. border=0 означает, что Вы не хотите иметь рамку (не работает в Netscape 2. x).



Содержание раздела