Du er her: WebStudie Websmeden JavaScripts Ændring af vinduets dimensioner Retur til start

JavaScripts - Ændring af vinduets dimensioner

JavaScriptet nedenfor vil ændre browser-vinduets størrelse, efterhånden som du klikker dig rundt på siderne. Det er især brugbart, hvis du har et pop-up vindue, hvor mængden af tekst varierer meget fra side til side.

Eksempel på dynamisk ændring af browser-vinduets størrelse, som styrres af JavaScriptet herunder:

<SCRIPT>
<!--
function vindueStor(){
   window.resizeTo(width=450,heigth=450);
   }

function vindueLille(){
   window.resizeTo(width=250,heigth=250);
   }
// -->
</SCRIPT>

JavaScriptet placeres i dokumentets HEAD-sektion, og kaldes med en onClick-event i linket. Ekesempelvis:

<A href="eksempel.html" onclick="vindueStor()">stort vindue</A>
eller
<A href="eksempel.html" onclick="vindueLille()">lille vindue</A>

Ønsker du at angive browser-vinduets størrelse, ved indlæsningen af et HTML-dokument i browseren, kan dette gøres ved at placere JavaScriptet:

<SCRIPT>
<!--
function vindueDimension(){
   window.resizeTo(width=550,heigth=400);
   }
// -->
</SCRIPT>

.. i dokumentets HEAD-sektion. Funktionen kaldes så via en onLoad i BODY-tag'en:

<BODY BGCOLOR="#CCCCCC" TEXT="Black" LINK="#330099" VLINK="#993399" ALINK="#CC0066" ONLOAD="vindueDimension()">

.. hvorefter vinduet vil ændre størrelse til en bredde på 550 pixels og en højde på 400 pixels.

[ start ]   [ indhold ]   [ e-mail ]