Javascript 4Events

Javascript eventsAlle elementen binnen een webpagina hebben gebeurtenissen (events) die een javascript kunnen laten activeren! Bijvoorbeeld de ‘onCLick’ event van een knop nadat de gebruiker deze heeft aangeklikt. We definieren deze events in de html tags.

Voorbeelden hiervan zijn:• Een muis-klik• Een webpagina of foto lader• Een input veld van een formulier• Submitten van een formulier

onLoad en onUnloadJavascript Loops

Functie in de header voorbeeld1.html en voorbeeld2.html

onFocus, onBlur en onChange

onFocus

onBlur

onChange

Voorbeeld3.html

Code voorbeeld 3

In de header!

In de body

onSubmitHet onSubmit event word gebruikt voor het valideren van alle velden van een formulier voordat het bevestigd (submit) wordt.

onsubmit

Activeert script

voorbeeld4.html

onMouseOver en onMouseOutDeze events worden veel gebruikt voor animated buttons.

eifeltoren2.pngeifeltoren.png

voorbeeld5.html

Opdracht Maak onderstaand voorbeeld na .En maak hiervoor een pagina aan t.b.v. de vrolijke druif.Met dezelfde styling etc…..Upload deze naar natschool.