Nové okno a jeho parametry

V dnešním článku si ukážeme, jak pomocí javascriptu načíst dokument do nového okna prohlížeče. To samozřejmě můžeme provést pouze s využitím HTML, ale tento skript vám umožní nadefinovat vzhled, velikost a pozici okna.

Nové okno prohlížeče otevřete pomocí metody Open, která má následující syntaxi:

Objekt.Open(URL, název_okna, parametry okna)

Podrobněji se seznámime s parametry okna. V následujícím přehledu naleznete ty, které jsou podporovány nejčastěji použivanými prohlížeči (MSIE a NN od verze 3.0, pokud není uvedeno jinak):

• toolbar – určuje, zdali bude zobrazen panel standartních navigačních tlačítek (možné hodnoty: yes/no/1/0)
• location– zobrazení panelu Adresa (yes/no/1/0)
• directories – zobrazení tlačítek odkazů (yes/no/1/0)
• status – zobrazení stavového řádku (yes/no/1/0)
• menubar – zobrazení textového menu (yes/no/1/0)
• scrollbars – určuje možnost rolování okna (yes/no/1/0)
• resizable – nastavuje, zdali bude možné měnit velikost okna (yes/no/1/0)
• width – udává šířku okna (v pixelech)
• height – udává výšku okna (v pixelech)
• top – pozice okna vzhledem k hornímu okraji obrazovky; podporováno IE 3.01, NN 4.0 a vyššími verzemi těchto prohlížečů (v pixelech)
• left – pozice okna vzhledem k levému okraji obrazovky; podporováno IE 3.01, NN 4.0 a vyššími verzemi těchto prohlížečů (v pixelech)

Kromě uvedených parametrů podporují jednotlivé browsery svá specifická nastavení. Podrobnější informace naleznete v oficiální dokumentaci Microsoftu a Netscape.

Použitý skript pak může vypadat následovně:

<script language=“JavaScript“>
<!–
function Otevri_okno()
{
msg = window.open(‚nahled.htm‘, ‚nove_okno‘, ‚toolbar=no, menubar=no, location=yes, directories=no, scrollbars=yes, resizable=yes, status=yes, width=250, height=150, top=200, left=100‘)
//Pozor, definice proměnné msg musí být napsána na jednom řádku!
}
//–>
</SCRIPT>

Funkci pak můžeme volat z jiné části kódu, např z odkazu:

<a href =“nahled.htm“ target=“nove_okno“ onClick=“Otevri_okno();“>Nové okno</a>

V novém okně lze také zobrazit výsledky formuláře (místo jednoduchého HTML souboru v parametru ACTION samozřejmě vložíte URL skriptu, který zpracuje data z formuláře):

<form action=“nahled.htm“ target=“nove_okno“ method=“get“>
<input type=“submit“ label=“Nové okno“ name=“Submit“ onClick=“Otevri_okno();“></form>

Při psaní kódu dbejte na to, aby název okna v parametru TARGET byl totožný s názvem okna v samotném skriptu. Takto napsaný kód zajišťuje funkčnost stránky i v prohlížečích bez podpory javascriptu. Zde se dokument též načte v novém okně, ovšem parametry okna budou odpovídat standartnímu nastavení prohlížeče.

Starší komentáře ke článku

Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.