Home >> JavaScript >> Pop-up okna

Pop-up okna

JavaScript lze velmi dobře využít pro vytvoření pop-up okna. Zatímco u HTML jsme mohli pomocí atributu target="_blank" pouze nechat stránku otevřít v novém okně, JavaScript v tomto směru poskytuje mnohem více možností. Můžeme definovat například přesnou velikost okna, umístění, zda budou zobrazeny postranní lišty a další.

Jak vytvořit Pop-up okno

Nyní si ukážeme na příkladu, jak lze vytvořit pop-up okno v Javascriptu. Použijeme odkaz, který se po kliknutí otevře v novém okně.



<a href="javascript:void(0);" onClick="window.open('http://www.klikzone.cz','mojeokno','height=500,width=500,left=100,
top=100,resizable=yes,scrollbars=yes,');">klikni zde</a>

Výsledek:

klikni zde

Všimněte si, že metoda window.open() obsahuje tři argumenty: URL stránky, jméno okna, a atributy.

Pop-up okno pomocí funkce

Stejný příklad jako první, rozdíl je pouze v tom, že použijeme pro vyvolaní okna funkci. Skript může být tedy umístěn v externím souboru.

1)Vytvoříme funkci:


<script language="javascript" type="text/javascript">

<!--

function nove_okno() {

window.open('http://www.klikzone.cz','mojeokno','height=500,width=500,left=100,
top=100,resizable=yes,scrollbars=yes,');

}

//-->

</script>

2)Přivoláme funkci:


<a href="JavaScript:nove_okno()">klikni zde</a>

A zde je výsledek:

klikni zde