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