Sprememba velikosti okna:

Koda:

Koda:	<script type="text/javascript"> function spremeni(a,b) { window.resizeTo(a,b) } </script> <p>Spremeni velikost okna:</p> <form action="akcija.html"> <p> <input type="button" onclick="spremeni(500,300)" value="500 × 300" /> </p><p> <input type="button" onclick="spremeni(300,500)" value="300 × 500" /> </p><p> <input type="button" onclick="spremeni(640,480)" value="640 × 480" /> </p> </form>
Izgled v brskalniku:	Spremeni velikost okna:
Razlaga:	Zgoraj ja napisana koda funkcije `spremeni()` in ustrezna koda HTML. Pod kodo HTML je primer s pomočjo katerega lahko vidite učinek funkcije. Iz kode in primera je razvidno, da se funkcija `spremeni()` kliče, kadar kliknete na enega od gumbov, torej na dogodek `onclick`, ta dogodek bi lahko zamenjali tudi s katerimkoli vrednost2m združljivim dogodkom. Če ste pritiskali na gornje gumbe, ste opazli, da je za vsakega od gumbov določena drugačna velikost okna, kliče pa se vedno ista funkcija. To je posledica različno določenih vrednosti, saj sta za vsakega od gumbov posebej določeni vrednosti, ki se pošljeta funkciji `spremeni()`. Slednje se lepo vidi v kodi HTML. Funkciji se pošljeta dva parametra, ki predstavljata širino in višino okna, obe vrenosti sta tipa `number`. V funkciji se vrednosti shranita v spremenljivki `a` in `b`. Znotraj funkcije se nad predmetom `window` izvede postopek `resizeTo()`, postopek uporabi vrednosti obeh spremenljivk `resizeTo(a,b)`.

<script type="text/javascript">
function spremeni(a,b)
{
window.resizeTo(a,b)
}
</script>

<p>Spremeni velikost okna:</p>

<form action="akcija.html">
<p>
<input type="button" onclick="spremeni(500,300)"
value="500 × 300" />
</p><p>
<input type="button" onclick="spremeni(300,500)"
value="300 × 500" />
</p><p>
<input type="button" onclick="spremeni(640,480)"
value="640 × 480" />
</p>
</form>

Izgled v
brskalniku:

Spremeni velikost okna:

Razlaga:

Zgoraj ja napisana koda funkcije spremeni() in ustrezna koda HTML. Pod kodo HTML je primer s pomočjo katerega lahko vidite učinek funkcije. Iz kode in primera je razvidno, da se funkcija spremeni() kliče, kadar kliknete na enega od gumbov, torej na dogodek onclick, ta dogodek bi lahko zamenjali tudi s katerimkoli vrednost2m združljivim dogodkom. Če ste pritiskali na gornje gumbe, ste opazli, da je za vsakega od gumbov določena drugačna velikost okna, kliče pa se vedno ista funkcija. To je posledica različno določenih vrednosti, saj sta za vsakega od gumbov posebej določeni vrednosti, ki se pošljeta funkciji spremeni(). Slednje se lepo vidi v kodi HTML.

Funkciji se pošljeta dva parametra, ki predstavljata širino in višino okna, obe vrenosti sta tipa number. V funkciji se vrednosti shranita v spremenljivki a in b. Znotraj funkcije se nad predmetom window izvede postopek resizeTo(), postopek uporabi vrednosti obeh spremenljivk resizeTo(a,b).

Gor e-gradiva JavaScript Primeri Okna

SERŠ Maribor : Strokovna gimnazija : 2004 : Danijel Mom

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri