Siirry sivun sisältöön Avut CSS HTML JS Wp

Ikkunan automaattinen koon asetus

Syystä tai toisesta voimme tahtoa jonkun sivumme näkyvän tietyn kokoisessa ikkunassa. Myös sellaisissa tilanteissa joissa emme itse pääse asettamaan ikkunan määrityksiä, esimerkiksi muiden tekemien linkkien yhteydessä. Tyypillisiä tapauksia ovat ikkunan maksimointi ja tarkalleen määritetty ikkunakoko.

Ikkunan maksimointi

Liitä seuraava SCRIPT-elementti sivusi HEAD-osastoon pyytääksesi ikkunan automaattista suurennusta maksimikokoon:

<script type="text/javascript">
//<![CDATA[
// Ikkunan maksimointiscripti

function Maksimoi_ikkuna(){
// siirretään ikkuna vasempaan yläkulmaan:
  window.moveTo(0,0);

// suurennetaan ikkuna näytön kokoiseksi: 
  window.resizeTo(screen.width,screen.height);
}

// HUOM. funktioita kutsutaan alempana 
// BODY-elementin OnLoad-attribuutilla:
// <body onload="Maksimoi_ikkuna()">
//]]>
</script>

Ikkunan maksimointiscripti on liitetty myös tähän sivuun, joten voit kokeilla scriptin toimivuutta esimerkiksi pienentämällä selainikkuna ja päivittämällä sitten näyttö (Ctrl + r tai F5).

Ikkunan asetus tiettyyn kokoon

Ikkunan sijaintia ja kokoa voidaan säätää muokkaamalla edellistä koodia:

<script type="text/javascript">
//<![CDATA[
// Ikkunan asemointi ja koko

function Aseta_ikkuna(){
// asetetaan ikkunan sijainti:
// 100 kuvapistettä vasemmasta laidasta
// 200 kuvapistettä ylälaidasta

  window.moveTo(100,200);

// asetetaan ikkuna 640 x 480 kokoiseksi: 

  window.resizeTo(640,480);
}

// HUOM. funktioita kutsutaan alempana 
// BODY-elementin OnLoad-attribuutilla:
// <body onload="Aseta_ikkuna()">
//]]>
</script>

Voit kokeilla scriptin toimivuutta aktivoimalla tämä ihan normaali linkki, ilmaan minkäänlaisia ikkunan kokoon tai sijaintiin liittyviä määrityksiä.

yksi taso ylös