e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Nova vsebina

Koda: 
<script type="text/javascript">
novo = null

function novoOkno(slika)
{
novo = window.open(slika, "fotke", "width=420,height=320,left=0,top=0")
novo.focus()
}

function zapri()
{
if (novo && !novo.closed) novo.close()
}

</script>

<img onclick= "novoOkno('slike/foto0.jpg')"
src="slike/xfoto0.jpg" alt="0.slika" />
<img onclick= "novoOkno('slike/foto1.jpg')"
src="slike/xfoto1.jpg" alt="1.slika" />
<img onclick= "novoOkno('slike/foto2.jpg')"
src="slike/xfoto2.jpg" alt="2.slika" />
<img onclick= "novoOkno('slike/foto3.jpg')"
src="slike/xfoto3.jpg" alt="3.slika" />

<form action="novavsebina.html">
<input type="button" onclick="zapri()" value="Zapri okno" />
</form>
Izgled v
brskalniku:

0.slika 1.slika 2.slika 3.slika

Razlaga:

Pri ustvarjanju nove vsebine potrebujemo dve funkciji, eno za odpiranje novega okna in drugo pa da okno po želji zapremo. Z novo=null določimo, da okno ne obstaja. Novo okno ustvarimo z ukazom novo=window.open(), Kot parametre funkcije določimo še širino (width), višino(height), ter pozicijo kje se naj novo okno pokaže (top in left). Z novo.focus() postavimo okno v ospredje (pred ostala okna).

Druga funkcija, ki jo tudi lahko poljubno poimenujemo, se uporablja za zapiranje okna. S stavkom if se preveri, če je okno že odprto in če sploh obstaja. V tem primeru se okno zapre.

V kodi HTML z naznanimo funkcijo tako, da jo povežemo z dogodkom. Klicane funkcija ima kot parameter navedeno ime datoteke. Ime datoteke je URL.

gor Gor     e-gradiva     JavaScript     Primeri     Okna

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Teržan