Посилання всередині фреймів

У звичайному HTML-документі при переході по посиланню, у вікні браузера поточний документ замінюється новим. При використанні фреймів схема завантаження документів відрізняється від стандартної. Основна відмінність - можливість завантажувати документ в обраний фрейм з іншого. Для цієї мети використовується параметр target тега <А> (приклад 1). Як значення задається ім'я фрейма, в який буде завантажуватися документ вказаний параметром name (приклад 2).

Приклад 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="text.html" target="CONTENT"> Зміст </a> </ p>
</ Body>
</ Html>

Приклад 2. Ім'я фрейму

Дійсний 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>
</ Html>

У прикладі 2 кадру присвоюється ім'я CONTENT. Щоб документ завантажувався в зазначений фрейм, використовується параметр target = "CONTENT".

Ім'я фрейму має починатися на цифру або латинську букву. Як зарезервованих імен використовуються наступні:

_blank - завантажує документ в нове вікно;
_self - завантажує документ в поточний фрейм;
_parent - завантажує документ у фрейм, яку він обіймав батьком, якщо фрейми-батька немає параметр діє так само, як _top;
_top - скасовує всі фрейми і завантажує документ в повне вікно браузера.

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

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

Дійсний 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="menu2.html" onClick= "parent.frames.CONTENT.document.location='content2.html'"> Натисни на мене, натисни </a> </ p>
</ Body>
</ Html>

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

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