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φ