Посилання у фреймах

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

Припустимо, у нас є документ, що складається з двох фреймів, названих MENU і CONTENT, як зображено на рис. 1.

Мал. 1

Мал. 1. Вид документа з фреймами

Зазвичай в лівому фреймі знаходиться список посилань на розділи сайту, а в правому фреймі відображається вміст документів. Щоб веб-сторінка відкривалася в певному Фреймовий вікні, слід використовувати наступний код (приклад 1).

Приклад 1. Відкриття документа у фреймі

Дійсний HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Фрейми </ title>
</ Head>
<Body>

<p> <a href="http://www.shram.kiev.ua" target="CONTENT"> Посилання відкриває сайт www.shram.kiev.ua у кадрі, де ім'ям CONTENT </a> </ p>

</ Body>
</ Html>

Якщо параметр посилання target = "CONTENT" буде опущений, документ відкриється в поточному фреймі, де знаходиться сама посилання.

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

Приклад 2. Одночасне завантаження документів в два фрейми

файл index.html

Дійсний HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN" "http://www.w3.org/TR/html4/frameset.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Файл index.html </ title>
</ Head>
<Frameset cols = "200, *">
<Frame src = "menu.html" name = "MENU" noresize>
<frame src = "content.html" name = "CONTENT">
</ Frameset>

файл menu.html

Дійсний HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Файл menu.html </ title>
</ Head>
<Body>
<p> <a href="menu2.html" onClick= "parent.frames['CONTENT'].document.location='content2.html'"> Натисни на мене, натисни </a> </ p>
</ Body>
</ Html>

Посилання використовується як звичайна, але в якості параметра додається подія onClick, що відстежує натискання на посилання. Зверніть увагу, що ім'я фрейма слід писати також, як воно зазначено в параметрі name (в даному випадку великими символами). JavaScript чутливий до регістру і недовірливих відноситься до будь-якого неправильного написання.

Copyright що кредитують © www.htmlbook.ru