Odd∞lenΘ navigaΦnφ okno

Odd∞lenΘ navigaΦvφ okno je nejjednoduÜÜφ a nejvyu₧φvan∞jÜφ aplikacφ JavaScriptovΘ techniky otev°en²ch oken. Touto technikou:
VylepÜφte navigaci strßnky.
Navrhn∞te okno pouze pro usnadn∞nφ navigace u₧ivatel∙ strßnky. Tato technika je v²hodnß v tom, ₧e zajiÜ¥uje soustavn∞ viditelnΘ a dostupnΘ prost°edky navigace nezßvisle na tom, co se d∞je v hlavnφm okn∞.
Vytvo°φte vφce prostoru pro vlastnφ obsah strßnky.
Navr₧enφm "odd∞lenΘho ovlßdßnφ" m∙₧ete odstranit z hlavnφho okna s obsahem navigaci, Φφm₧ mu p°idßte vφce flexibility a prostoru pro vlastnφ obsah a jeho rozmφst∞nφ..
Jak vytvo°φte odd∞lenΘ navigaΦnφ okno:

1. Do hlaviΦky hlavnφ strßnky umφst∞te funkci JavaScriptu, pro automatickΘ otev°enφ okna s navigacφ:

< SCRIPT language="JavaScript">
function OtevriNavigaci()
{
window.open('URL_souboru_navigace','jmΘno_okna_navigace',
' toolbar=0, location=0,scrollbars=0, resizable=0, 
top=odsazenφ_shora, left=odsazenφ_zleva,
width=Üφ°ka, height=v²Üka');
// text mezi ' ' piÜte do jednoho °ßdku
}
< /SCRIPT>

URL souboru nynφ musφ b²t uvedeno!

2. V tagu BODY zavolßme funkci OtevriNavigaci:
V tagu < BODY> pou₧ijeme atribut OnLoad:
< BODY ... OnLoad="OtevriNavigaci()" >
Okam₧it∞ po nata₧enφ strßnky se otev°e navigaΦnφ okno uvedenΘ ve funkci OtevriNavigaci.

3. V hlaviΦce souboru pro navigaci uvedeme funkci OtevriStranku:
Mezi tagy < HEAD> a < /HEAD> uvedeme JavaScript:


< SCRIPT Language="JavaScript">
function OtevriStranku(jmeno)
{if (jmeno!='')
	{opener.document.location=jmeno
	}
}
< /Script>

4. V navigaΦnφ strßnce pou₧ijte funkci v odkazech:
V tagu < A> uve∩te k≤d:
< A HREF="JavaScript:OtevriStranku('jmΘno_souboru')" >
kde jmΘno_souboru se m∞nφ podle otevφranΘ strßnky v hlavnφm okn∞.

P°φklad:
Otev°enφ navigaΦnφho okna pro hlavnφ strßnku:
Okno s hlavnφ strßnkou
Okna zav°ete sami.

P°φklad
V hlaviΦce hlavnφ strßnky:
< SCRIPT Language="JavaScript">
function Otevri()
{
window.open("oknon.htm","o1",' toolbar=0, location=0,scrollbars=0, resizable=0, top=20, left=20,width=150, height=300');
}
< /Script>

V tagu BODY hlavnφ strßnky:
< BODY bgcolor=aliceblue text=blue onLoad="Otevri()">

V hlaviΦce navigaΦnφ strßnky:
< SCRIPT Language="JavaScript">
function OtevriStranku(jmeno)
{if (jmeno!='')
	{opener.document.location=jmeno
	}
}
< /Script>

V odkazech navigaΦnφ strßnky:
< A HREF="javaScript:OtevriStranku('stranka1.htm')">1. strßnka< /A>< br>
< A HREF="javaScript:OtevriStranku('stranka2.htm')">2. strßnka< /A>< br>
< A HREF="javaScript:OtevriStranku('stranka3.htm')">3. strßnka< /A>< br>
< A HREF="javaScript:OtevriStranku('stranka4.htm')">4. strßnka< /A>< br>

ZaΦßtek
P°edchozφ
Zp∞t