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

Premikanje okna

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

//funkcija zapre okno
   function zapri()
    {
     window.close()
    }

//funkcija premakne okno za a točk
   function premakniza(a)
    {
     window.moveBy(a)
    }

//funkcija premakne okno na a točk
   function premaknina(a)
    {
     window.moveTo(a)
    }

</script>

<form id="gumbi">
   <p><input type="button" onclick="zapri()"
   value="Zapri" /></p>
   <p><input type="button" onclick="premakniza(50)"
   value="Premakni za 50 točk" /></p>
   <p><input type="button" onclick="premaknina(-1)"
   value="Premakni na rob" /></p>
   <p><input type="button" onclick="premaknina(50)"
   value="Premakni na 50 točk" /></p>
</form>
Izgled v
brskalniku:

Razlaga: V JavaScript je omogočeno premikanje oken na želene pozicije. Pemikamo jih s postopki window.moveTo() in window.moveBy(). V oklepaje vpišemo pozicijo. Pri tem moveBy spremeni relativni položaj okna, moveTo pa postavi okno na podano absolutno pozicijo od levega zgornjega roba okna. Okno lahko tudi zapremo s postopkom close. Premikanje okna lahko omogočimo, ko dokument odpiramo in drugih dogodkih.

SERŠ Maribor : Strokovna gimnazija : 2004 : Niko Fajfar