JAVA Script Language (!!!deze pagina vereist een JAVA compatible browser!!!)
Inleiding
Standaard
code
Alert function (OnClick event)
Nieuw
venster
Het is ook mogelijk zelf te programmeren d.m.v. java script language te gebruiken. Hier
vind je enkele voorbeelden die je op weg kunnen helpen.
JAVA script werkt met functions die het aanroept. Deze function zitten ingebouwd in de
browser, door die aan te roepen, kan je dus bepaaldeevents laten starten.
<SCRIPT LANGUAGE="JavaScript">
<!--Maak script onzichtbaar voor niet compatible browsers
Hier komt het script
// stop met onzichtbaar maken
-->
</SCRIPT>
Belangrijk is met het volgende rekening te houden. Eenvoudige scriptjes mag je eender waar zetten, dus tussen <BODY></BODY> of <HEAD></HEAD>, maar scriptjes die bijvoorbeeld op events moeten reageren, zet je best tussen de <HEAD></HEAD>-tags.
Alert-function (OnClick event)
De volgende pagina maakt het mogelijk de gebruiker te waarschuwen.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--Maak script
onzichtbaar voor niet compatible browsers
function Verwittig() {
alert ("Dit is een verwitting met JavaScript Alert")
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="Button" VALUE="Klik hier"
onClick="Verwittig()">
</FORM>
</BODY>
</HTML>
(Meer info over formulieren is te vinden in een ander hoofdstuk)
Dit script activeerd dus een alert-message. We creëren eerst de functie, daarna zetten we
in het document ergens die knop. Die knop is dus eigenlijk een evnt dat je programmeerd.
Vanaf dat de gebruiker hierop klikt, zal er een actie volgen.
Javascript kent nog meer events:
Probeer dus maar wat :-))
We kunnen ook een nieuw vensterje (browser) te voorschijn laten komen, kijk daarvoor maar eens naar de volgende code.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--Maak script
onzichtbaar voor niet compatible browsers
function Venster() {
window.open("mijn_pagina.html","nieuw_venster"
,"toolbar=no, directories=no, menubar=no, scrollbar=no") }
// -->
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript:Venster()">nieuw pagina</A>
</BODY>
</HTML>
nieuw pagina
Door nu de verschillende argumenten te veranderen naar yes, kan je de desbetreffende knoppen en balken laten verschijnen.