9b. Voorbeeld / Oefening met een extra window

Gevraagd: Maak op een andere manier een button om een extra window open te maken; en een tweede om dat ook te kunnen sluiten.

Werkwijze: Voor de oplossing kun je het beste een formulier (FORM) gebruiken. Daarin moet zich dan de button bevinden.

Oplossing:

<HTML>
<HEAD>
<TITLE>Een extra window</TITLE>
</HEAD>

<SCRIPT>
function windowOpenen(p)
{
  pietje = window.open('','newwin','toolbar=no,status=no,width=200,height=100');
  pietje.document.open();
  pietje.document.writeln("Getal: ", p);
  pietje.document.close();
}
</SCRIPT>


<BODY>
xxx
xxx
xxx 
etc. 
xxx
xxx
<FORM>
<INPUT TYPE="button" VALUE="Open" ONCLICK="windowOpenen(100)">
<INPUT TYPE='button' VALUE='Close' ONCLICK='pietje.close()'>
</FORM>
xxx
xxx
etc. 
xxx
xxx
</BODY>
</HTML>

Resultaat:

Klik hierop.

Je ziet dat er een formulier nodig is met twee velden dwz twee button-velden. De functie windowOpen' opent een nieuw window, genaamd 'pietje'. 'Pietje' is een (gewoon) object.

Als je op 'open' klikt, wordt de functie geactiveerd. Met de knop 'sluiten' sluit het window zich weer.

Je ziet dat niet alleen het window geopend en gesloten dient te worden maar ook het schrijven dient geopend en gesloten te worden.

Je ziet in het eerste geval dat er een functie wordt gebruikt (maar het hoeft niet). In het tweede geval zie je dat er gewoon in het veld een java-statement is 'ingeprogrammeerd'. Dat mag natuurlijk ook dus anders.

Enschede, 5 nov. 1999