Otevírání oken

Nové okno můžeme otevřít snadno pomocí HTML (viz Rámy/Určení cílového okna). Ale pokud máte zájem vytvářet nová okna určitých rozměrů anebo si nepřejete, aby okno zobrazovalo standardní tlačítka prohlížeče a řádek adresy, potřebujete vylepšit HTML trochou JavaScriptu. Tuto techniku použijete k
Otevření precizně řízených nových oken.
Můžete přesně specifikovat šířku a výšku okna. To však není všechno. Můžete dát prohlížeči na vědomí, zda má nebo nemá zobrazit tlačítka menu a stavový řádek pod nimi atd.
Jak otevřít nové okno:

1. Do hlavičky stránky umístěte funkci JavaScriptu:

< SCRIPT language="JavaScript">

function OtevriOkno()
{
window.open('URL','jméno_okna',
' 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
- udává adresu dokumentu, který bude v okně zobrazen. URL může být prádné "". Pak se v okně zobrazí dokument uvedený v < A HREF="URL_dokumentu">.
jméno_okna
- udává jméno okna - volíte sami. Toto jméno_okna se použije jako cíl v < A ... Target="jméno_okna">. Pokud je okno jméno_okna již otevřené, dokument se otevře v tomto již otevřeném okně.
toolbar= 0|1
- určí, zda má být v okně zobrazen panel nástrojů (0 - ne, 1 - ano),
location= 0|1
- určí, zda má být v okně zobrazena adresa ,
scrollbars= 0|1
- určí, zda mají být v okně zobrazeny rolovací lišty,
resizable= 0|1
- určí, zda uživatel může měnit velikost okna.

top= číslo
- udává odsazení nového okna od horního kraje obrazovky,
left= číslo
- udává odsazení nového okna od levého kraje obrazovky,

width= číslo
- udává šířku okna,
height= číslo
- udává výšku okna,

2. V těle stránky zavoláme funkci OtevriOkno:
V tagu < A> použijeme atribut OnClick:
< A HREF="URL_dokumentu" OnClick="OtevriOkno()" TARGET="jméno_okna" >

Příklady:
Otevření okna pomocí HTML.
Otevření okna pomocí JavaScriptu:
Okno 1
Okno 2
Okno 3
Okna se automaticky uzavřou za 30 sekund.

Příklad
V hlavičce:
< SCRIPT language="JavaScript">
function OtevriI()
{
window.open("","oi",' toolbar=1, location=1,scrollbars=1, resizable=1, 
top=0, left=0,
width=150, height=150');
}
function OtevriII()
{
window.open("","oii",' toolbar=0, location=0,scrollbars=1, resizable=1, 
top=0, left=0,
width=150, height=150');
}
function OtevriIII()
{
window.open("","oiii",' toolbar=0, location=0,scrollbars=0, resizable=0, 
top=200, left=200,
width=170, height=190');
}
< /SCRIPT>
V odkazech:
< A HREF="obrazek.gif" OnClick="OtevriI()" target="oi">Okno 1< /A>
< A HREF="obrazek.gif" OnClick="OtevriII()" target="oii">Okno 2< /A>
< A HREF="obrazek.gif" OnClick="OtevriIII()" target="oiii">Okno 3< /A>

Začátek
Další
Zpět