Wiki-учебник по веб-технологиям: 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 означает, что вы не хотите иметь рамку.