Модуль 3. HTML

 

Гиперссылки, адресующие фрейм, предоставляют пользователям улучшенные возможности перемещения по данным. Легко, например, построить набор гиперссылок в одном фрейме и обеспечить, чтобы информация, на к которую они указывают, отображалась в другом фрейме - средства навигации останутся в неприкосновенности.

Ступенька 35. Воспроизведение объекта гиперссылки в окне фрейма

В этой главе мы поговорим о том, что становится проблемой для каждого человека, начинающего осваивать фреймы.

Итак, обратимся к нашему примеру. Нажмите на любую из ссылок. Документ, на который введет ссылка, откроется в том же фрейме. А нам бы надо сделать так, чтобы он открылся во фрейме с основным содержанием, а меню осталось в нетронутом виде. Как это сделать?

Для начала, господа, познакомьтесь с новым параметром тэга <frame> - name. Пустим name в дело:



<html>
<head>
<title>Хождение по фреймам</title>
</head>
<frameset cols="100,*" border="0">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no" marginwidth="0" marginheight="0">
<frame src="menu.html">
</frameset>
<frame src="content.html" name="window-1">
</frameset>
</html>


Параметр name задает имя для фрейма (в нашем случае для того, который содержит документ content.html).

Имя фрейма может быть в дальнейшем использовано для ссылки на него из других документов (фреймов), с помощью параметра тэга <a> target (target="имя_фрейма").

Как это выглядит? Обратимся к документу menu.html.



<html>
<head>
<title>Документ с Меню</title>
</head>
<body>
<center>
<a href="content.html">Содержание</a>
<a href="module_1.html">Модуль 1</a>
<a href="literature.html">Литература</a>
</center>
</body>
</html>


Вот такой он, в нашем случае. Теперь для каждой ссылки укажем параметр target="window-1", где window-1 - это имя фрейма, в котором у нас располагается документ с основным содержанием (content.html).



<html>
<head>
<title>Документ с Меню</title>
</head>
<body>
<center>
<a href="content.html" target="window-1">Содержание</a>
<a href="module_1.html" target="window-1">Модуль 1</a>
<a href="literature.html" target="window-1">Литература</a>
</center>
</body>
</html>


Посмотреть

Теперь, все ссылки открываются в нужном нам фрейме, а меню никуда не исчезает, при этом мы не приложили никаких особых усилий, а только изменили немного два документа.

Бывают ситуации, когда нам нужно, чтобы открываемый документ открылся во все окно, для этого надо параметру target задать значение _top:


<a href="project.html" target="_top">Мой проект о рыбках</a>

Страница с проектом о рыбках откроется в полное окно, закрыв (уничтожив) остальные кадры (фреймы).



Это была последняя ступенька.

Тест для самоконтроля на усвоение материала модуля

 

©Центр Информационных технологий Проект 2003