Změna více rámů

Využitím JavaScriptu můžete dovolit jednomu odkazu aktualizovat dva a více rámů současně. Touto technikou:
Dovolíte odkazu provést změnu dvou rámů najednou. Využitím JavaScriptu můžete kliknout na jeden odkaz, který způsobí změnu dvou nebo tří rámů.
Vylepšíte navigaci založenou na rámech. Dejte uživateli na vědomí, kde se nachází uvnitř stránky aktualizací navigačního rámu spolu s obsahovým rámem.
Vytvořte rámovou strukturu pro navigaci s aktualizací více rámů:

1. Vytvořte rámovou strukturu. Nezapomeňte pojmenovat jednotlivé rámy pomocí atributu NAME="jméno rámu". Tato jména budete potřebovat při otvírání stránek v jednotlivých rámech. Třeba takhle.

2. Vložte stránky do jednotlivých rámů. Ve stránce s MENU použijte v tagu < A HREF> atribut TARGET="jméno rámu". Tím přinutíte příslušnou stránku, aby se otevřela v rámu, který je pro ni určen. Třeba takhle.

3. Do hlavičky navigační stránky (MENU) vložte JavaScript:

< SCRIPT language="JavaScript">
function RefreshFrame(page)
{
parent.jméno_rámu(v atributu NAME).location.href=page
}
< /SCRIPT>
4. Do odkazu < A HREF> navigační stránky (MENU) vložte atribut:
OnClick="RefreshFrame('jméno_souboru')"
Vytvoříte tím funkci, která v rámu pojmenovaném jméno_rámu zobrazí stránku uloženou v souboru jméno_souboru. Atribut OnClick vložíte do tagu < A HREF>, kde odkazujete na stránku, která se otvírá po kliknutí na příslušnou nabídku MENU. Třeba takhle.

Příklad:
Stránka s rámy:
< html>< head>< title>Dva rámy< /title>< /head>
< FRAMESET rows="*,85%" framespacing=0>
< FRAME noresize scrolling=no src="zluty.htm" name="menu2r">< /FRAME>
< FRAMESET cols="20%,*">
< FRAME noresize scrolling=no src="bily.htm" name="obraz">< /FRAME>
< FRAME noresize scrolling=no src="cerveny.htm" name="text">< /FRAME>
< /FRAMESET>< /FRAMESET>< /html>
Takhle to vypadá

Stránka s MENU:
< html>< head>< title>Menu< /title>
< SCRIPT language="JavaScript">
function RefreshFrame(page)
{parent.obraz.location.href=page}< /SCRIPT>< /head>
< BODY bgcolor=Yellow link=Red>< CENTER>< font face=arial size=+1>
< A HREF="dr1.htm" target="text" onClick="RefreshFrame('lahev.htm')">
Rajčata< /A>
< A HREF="dr2.htm" target="text" onClick="RefreshFrame('motyl.htm')">
Motýli < /A>
< /font>< /CENTER>< /BODY>< /html>
Takhle to vypadá
Začátek
Předchozí