Inhoud
Javascript basics.....................................................................................................................................6
Gebruik javascript...............................................................................................................................6
Wat is javascript.................................................................................................................................6
Beperkingen.......................................................................................................................................6
Hoe JS gebruiken................................................................................................................................6
Bouwstenen........................................................................................................................................7
Statements & variabelen....................................................................................................................7
Eenvoudige invoer en uitvoer.............................................................................................................7
Variabelen..........................................................................................................................................7
Naamgeving en regels....................................................................................................................7
Declaratie.......................................................................................................................................7
Scope..............................................................................................................................................7
Data & variabelen...............................................................................................................................8
Cijfers..............................................................................................................................................8
String..............................................................................................................................................8
Operatoren.........................................................................................................................................8
Objecten.............................................................................................................................................9
Properties en objecten.......................................................................................................................9
Event handlers....................................................................................................................................9
Javascript conditionele statements........................................................................................................9
Program flow......................................................................................................................................9
Javascript iteratie statements...............................................................................................................11
Program flow....................................................................................................................................11
While................................................................................................................................................11
For vs while.......................................................................................................................................11
Break en continue.............................................................................................................................11
For … in.............................................................................................................................................11
Javascript functies en methodes..........................................................................................................11
Functies en methodes......................................................................................................................11
Eval().................................................................................................................................................12
Ingebouwde object math..................................................................................................................12
Zelfgeschreven functies....................................................................................................................12
Recursiviteit......................................................................................................................................12
Javascript objecten...............................................................................................................................12
, Arrays...............................................................................................................................................12
Arrays opvullen via .push()...............................................................................................................12
Eigenschappen van arrays................................................................................................................13
Methoden van arrays.......................................................................................................................13
Arrays doorlopen..............................................................................................................................13
Date..................................................................................................................................................13
String................................................................................................................................................13
Javascript toepassen op browserobjecten............................................................................................14
Window object.................................................................................................................................14
Navigator object...............................................................................................................................14
Screen object....................................................................................................................................14
Location object.................................................................................................................................14
Timers: setTimeout()........................................................................................................................14
Javascript DOM.....................................................................................................................................15
DOM 0..............................................................................................................................................15
W3C DOM.........................................................................................................................................15
Inhoud HTML element wijzigen........................................................................................................17
Attributen wijzigen...........................................................................................................................17
CSS stijlen wijzigen............................................................................................................................17
HTML nodes maken/verwijderen.....................................................................................................17
Navigatiemenu.................................................................................................................................17
Javascript eventhandling......................................................................................................................18
Events & event handlers...................................................................................................................18
Inline event-handling: this................................................................................................................20
Traditionele event-handling.............................................................................................................20
Geavanceerde event-handling..........................................................................................................20
Volgorde van events.........................................................................................................................21
Javascript interactieve formulieren..................................................................................................21
Form()...............................................................................................................................................21
Tekstvelden......................................................................................................................................22
This...................................................................................................................................................22
Select................................................................................................................................................22
Checkbox..........................................................................................................................................22
Radiobutton......................................................................................................................................22
Formulieren......................................................................................................................................22
Javascript popups en cookies...............................................................................................................23
, Een nieuw venster openen...............................................................................................................23
Venster sluiten..................................................................................................................................23
Schrijven in popup............................................................................................................................23
Bronpagina wijzigen via popup.........................................................................................................23
“Popup” met CSS..............................................................................................................................23
Cookies.............................................................................................................................................24
Frameworks jQuery..............................................................................................................................24
Javascript framework.......................................................................................................................24
Waarom jQuery?..............................................................................................................................24
jQuery features.................................................................................................................................24
jQuery invoegen in de pagina...........................................................................................................25
Document ready event.....................................................................................................................25
Syntax...............................................................................................................................................25
Selectors...........................................................................................................................................25
Event handlers..................................................................................................................................25
Javascript......................................................................................................................................25
jQuery...........................................................................................................................................26
Events...............................................................................................................................................26
Actions..............................................................................................................................................26
Effecten............................................................................................................................................27
Callback............................................................................................................................................27
jQuery DOM manipulaties....................................................................................................................27
Uitlezen: content..............................................................................................................................27
Uitlezen: attributen..........................................................................................................................28
Vervangen: content en attributes.....................................................................................................28
Content toevoegen / lussen.............................................................................................................28
HTML element toevoegen................................................................................................................29
HTML element verwijderen..............................................................................................................29
CSS properties..................................................................................................................................30
CSS classes........................................................................................................................................30
Functies voor afmetingen.................................................................................................................30
Traversing.........................................................................................................................................30
jQuery animaties..................................................................................................................................31
Meervoudige animatie.....................................................................................................................31
Welke CSS properties?......................................................................................................................31
Animatie stoppen.............................................................................................................................32
, Chaining............................................................................................................................................32
jQuery UI..............................................................................................................................................32
Installeren.........................................................................................................................................32
Datepicker........................................................................................................................................33
XML inleiding........................................................................................................................................33
Wat...................................................................................................................................................33
XML vs HTML....................................................................................................................................33
Gebruik.............................................................................................................................................33
Voorbeeld.........................................................................................................................................34
Boomstructuur.................................................................................................................................34
Voordelen.........................................................................................................................................34
Nadelen............................................................................................................................................35
Het semantische web.......................................................................................................................35
XML document.....................................................................................................................................35
Well-formed.....................................................................................................................................35
Attribuut...........................................................................................................................................36
Speciale attributen...........................................................................................................................36
Speciale tekens.................................................................................................................................36
CDATA...............................................................................................................................................36
Namespaces.....................................................................................................................................37
Default namespaces.........................................................................................................................37
Qualified namespaces.......................................................................................................................37
XML opmaak CSS – XSL.........................................................................................................................37
Opmaak............................................................................................................................................37
CSS....................................................................................................................................................37
XSL(T)................................................................................................................................................38
XSL in browser..................................................................................................................................38
XSL in XML bestand...........................................................................................................................38
XSL tabel maken...............................................................................................................................38
Gegevens sorteren............................................................................................................................40
XSL en XML met attributen...............................................................................................................40
XML DTD...............................................................................................................................................40
Document type definition.................................................................................................................40
Externe DTD......................................................................................................................................40
Bouwblokken XML............................................................................................................................41
Elementen: declaratie.......................................................................................................................41
Javascript basics.....................................................................................................................................6
Gebruik javascript...............................................................................................................................6
Wat is javascript.................................................................................................................................6
Beperkingen.......................................................................................................................................6
Hoe JS gebruiken................................................................................................................................6
Bouwstenen........................................................................................................................................7
Statements & variabelen....................................................................................................................7
Eenvoudige invoer en uitvoer.............................................................................................................7
Variabelen..........................................................................................................................................7
Naamgeving en regels....................................................................................................................7
Declaratie.......................................................................................................................................7
Scope..............................................................................................................................................7
Data & variabelen...............................................................................................................................8
Cijfers..............................................................................................................................................8
String..............................................................................................................................................8
Operatoren.........................................................................................................................................8
Objecten.............................................................................................................................................9
Properties en objecten.......................................................................................................................9
Event handlers....................................................................................................................................9
Javascript conditionele statements........................................................................................................9
Program flow......................................................................................................................................9
Javascript iteratie statements...............................................................................................................11
Program flow....................................................................................................................................11
While................................................................................................................................................11
For vs while.......................................................................................................................................11
Break en continue.............................................................................................................................11
For … in.............................................................................................................................................11
Javascript functies en methodes..........................................................................................................11
Functies en methodes......................................................................................................................11
Eval().................................................................................................................................................12
Ingebouwde object math..................................................................................................................12
Zelfgeschreven functies....................................................................................................................12
Recursiviteit......................................................................................................................................12
Javascript objecten...............................................................................................................................12
, Arrays...............................................................................................................................................12
Arrays opvullen via .push()...............................................................................................................12
Eigenschappen van arrays................................................................................................................13
Methoden van arrays.......................................................................................................................13
Arrays doorlopen..............................................................................................................................13
Date..................................................................................................................................................13
String................................................................................................................................................13
Javascript toepassen op browserobjecten............................................................................................14
Window object.................................................................................................................................14
Navigator object...............................................................................................................................14
Screen object....................................................................................................................................14
Location object.................................................................................................................................14
Timers: setTimeout()........................................................................................................................14
Javascript DOM.....................................................................................................................................15
DOM 0..............................................................................................................................................15
W3C DOM.........................................................................................................................................15
Inhoud HTML element wijzigen........................................................................................................17
Attributen wijzigen...........................................................................................................................17
CSS stijlen wijzigen............................................................................................................................17
HTML nodes maken/verwijderen.....................................................................................................17
Navigatiemenu.................................................................................................................................17
Javascript eventhandling......................................................................................................................18
Events & event handlers...................................................................................................................18
Inline event-handling: this................................................................................................................20
Traditionele event-handling.............................................................................................................20
Geavanceerde event-handling..........................................................................................................20
Volgorde van events.........................................................................................................................21
Javascript interactieve formulieren..................................................................................................21
Form()...............................................................................................................................................21
Tekstvelden......................................................................................................................................22
This...................................................................................................................................................22
Select................................................................................................................................................22
Checkbox..........................................................................................................................................22
Radiobutton......................................................................................................................................22
Formulieren......................................................................................................................................22
Javascript popups en cookies...............................................................................................................23
, Een nieuw venster openen...............................................................................................................23
Venster sluiten..................................................................................................................................23
Schrijven in popup............................................................................................................................23
Bronpagina wijzigen via popup.........................................................................................................23
“Popup” met CSS..............................................................................................................................23
Cookies.............................................................................................................................................24
Frameworks jQuery..............................................................................................................................24
Javascript framework.......................................................................................................................24
Waarom jQuery?..............................................................................................................................24
jQuery features.................................................................................................................................24
jQuery invoegen in de pagina...........................................................................................................25
Document ready event.....................................................................................................................25
Syntax...............................................................................................................................................25
Selectors...........................................................................................................................................25
Event handlers..................................................................................................................................25
Javascript......................................................................................................................................25
jQuery...........................................................................................................................................26
Events...............................................................................................................................................26
Actions..............................................................................................................................................26
Effecten............................................................................................................................................27
Callback............................................................................................................................................27
jQuery DOM manipulaties....................................................................................................................27
Uitlezen: content..............................................................................................................................27
Uitlezen: attributen..........................................................................................................................28
Vervangen: content en attributes.....................................................................................................28
Content toevoegen / lussen.............................................................................................................28
HTML element toevoegen................................................................................................................29
HTML element verwijderen..............................................................................................................29
CSS properties..................................................................................................................................30
CSS classes........................................................................................................................................30
Functies voor afmetingen.................................................................................................................30
Traversing.........................................................................................................................................30
jQuery animaties..................................................................................................................................31
Meervoudige animatie.....................................................................................................................31
Welke CSS properties?......................................................................................................................31
Animatie stoppen.............................................................................................................................32
, Chaining............................................................................................................................................32
jQuery UI..............................................................................................................................................32
Installeren.........................................................................................................................................32
Datepicker........................................................................................................................................33
XML inleiding........................................................................................................................................33
Wat...................................................................................................................................................33
XML vs HTML....................................................................................................................................33
Gebruik.............................................................................................................................................33
Voorbeeld.........................................................................................................................................34
Boomstructuur.................................................................................................................................34
Voordelen.........................................................................................................................................34
Nadelen............................................................................................................................................35
Het semantische web.......................................................................................................................35
XML document.....................................................................................................................................35
Well-formed.....................................................................................................................................35
Attribuut...........................................................................................................................................36
Speciale attributen...........................................................................................................................36
Speciale tekens.................................................................................................................................36
CDATA...............................................................................................................................................36
Namespaces.....................................................................................................................................37
Default namespaces.........................................................................................................................37
Qualified namespaces.......................................................................................................................37
XML opmaak CSS – XSL.........................................................................................................................37
Opmaak............................................................................................................................................37
CSS....................................................................................................................................................37
XSL(T)................................................................................................................................................38
XSL in browser..................................................................................................................................38
XSL in XML bestand...........................................................................................................................38
XSL tabel maken...............................................................................................................................38
Gegevens sorteren............................................................................................................................40
XSL en XML met attributen...............................................................................................................40
XML DTD...............................................................................................................................................40
Document type definition.................................................................................................................40
Externe DTD......................................................................................................................................40
Bouwblokken XML............................................................................................................................41
Elementen: declaratie.......................................................................................................................41
