Index	HTML	CSS	ASP	PHP	VBScript
Javascript	SQL	Links	Contact	Gastboek

Javascript
Objecten
Variabele
Operator
Rekenen
Functie
Condities
Lussen
Events
String-functies

Events

Event staat voor een gebeurtenis. Dit houdt in dat Javascript op een bepaalde gebeurtenis kan reageren met een actie. Een goed voorbeeld is een uitschuif menu. Op het moment dat je met je muis over een link gaat schuift er een menu uit. Dit wordt mogelijk gemaakt door even-handlers. In Javascript zijn verscheidene event-handlers aanwezig.

Event-handler	Functie van de event-handler
onChange	Op het moment dat er iets veranderd is, een functie uitvoeren
onClick	Op het moment dat de bezoeker ergens op klikt, een functie uitvoeren
onError	Op het moment dat er iets fout gaat bij het laden van een pagina of afbeelding, een functie uitvoeren
onFocus	Op het moment dat er een onderdeel van de pagina geselecteerd wordt een functie uitvoeren
onLoad	Uitvoeren op het moment dat de pagina is ingeladen een functie uitvoeren
onMouseOver	Functie uitvoeren op moment dat de muis over een onderdeel beweegt
onMouseOut	Functie uitvoeren op het moment dat de muis het onderdeel verlaat
onSubmit	Functie uitvoeren op het moment dat de bezoeker op een submit button heeft geklikt
onUnload	Functie uitvoeren op het moment dat de bezoeker de pagina verlaat

In dit schema staan niet alle soorten vermeld. Ik heb de meest belangrijke event-handlers eruit gehaald. Mochten er in de loop van de cursus nieuwe event-handlers zich voordoen, dan zal ik daar op dat moment aandacht aanbesteden.

Een klein voorbeeld waar een event-handler in voorkomt.

<html>
  <head>
  <script language="JavaScript">
    function alertbox() {
    alert("Hallo! Goed gedaan hoor!!");
    }
  </script>
  </head>
  <body>
  <a nohref onMouseOver="alertbox()">Beweeg je muis over deze tekst</a>
  </body>
</html>

In dit voorbeeld maak ik een link aan. Ik wil niet dat de link ergens heen gaat, daarom plaats ik er nohref bij. Vervolgens plaats ik een event-handler in de link, te weten onMouseOver. Binnen de aanhalingstekens van de event-handler roep ik de functie alertbox aan. Dit heb je al eerder gezien bij het onderdeel functies. Je weet hoe je een functie moet aanroepen. Het resultaat is nu dat op het moment de bezoeker met de muis over de tekst gaat, er een alertbox verschijnt.