JavaScript | de basis | Listings
Klik op de tabelheaders om de kolommen te sorteren op alfabet.
Listings
Omschrijving
basis.html
Basis XHTML bestand
alert.html
Een alertvenster tonen
email.html
Simpele emailadres-cloaking
mijnnaam.html
De document.write methode
cloak.html
Emailadres cloaking met betere bescherming
sommetje.html
Rekenen met JavaScript
confirm.html
Een confirmatievenster openen
overtabelcel.html
Tabelcellen van achtergrondkleur laten veranderen
blokkeren.html
De Entertoets blokkeren in een formulier
this.html
Het gebruik van this in eventhandlers
eventscript.html
Eventhandlers in het script plaatsen
paswoord.html
Simpel paswoordscript
kleiner.html
Vergelijkingsoperators
if_else.html
Keuzes maken dmv if/else
browserdetectie.html
Simpele, ouderwetse browserdetectie
logisch.html
If/else met logische operators
logisch2.html
If/else met logische operators 2
bookmarklet.html
Verander achtergrondkleur met bookmarklet
foutonderdrukker.html
Automatsch fouten onderdrukken
eigenerror.html
Eigen foutmelding maken
trycatch1.html
Foutmeldingen via try/catch traceren
trycatch2.html
Foutmeldingen via try/catch traceren 2
throw.html
Meerdere foutmeldingen maken via throw
popup.html
Popupvenster via onload
popup2.html
Popup via link, veilige methode
popup3.html
Verschillende popupvensters met zelfde script
resize.html
Venster automatisch van grootte veranderen
center.html
Gecentreerde popupvenster
center2.html
Gecentreerde popupvenster met alle waarden in link
center3.html
Gecentreerde popupvenster zonder onclick in link
print.html
Een printbutton maken
openfullscreen.html
Openerpagina voor fullscreen modus
fullscreen.html
Pagina die fullscreen geladen wordt
eventlistener.js
Eventlistener script voor meerdere onload events
redirect.html
Automatische redirect
redirect2.html
Redirect via functie met replace(). Back knop blijft werken
redirect3.html
Uitgebreide redirect, werkt ook zonder JavaScript
formredirect.html
Redirect na invullen formulier
history.html
Back- en forward knoppen maken
escapeframeset.html
Ontsnappen uit een frameset
backtoframeset.html
Pagina automatisch in default frameset plaatsen
frameset.html
Pagina automatsch in juiste frameset plaatsen
frameinhoud.html
Hoort bij frameset.html
frameinhoud2.html
Hoort bij frameset.html
status.html
Niet meer gebruikt script om tekst in statusbalk
aan te passen
string_htmlmethode.html
Strings veranderen van uitzicht
countwords.html
Woorden en tekens tellen in textarea
for1.html
Ruitjespapier maken met for-loop
for2.html
Graden Celcius naar Fahrenheit met for-loop
while.html
Paswoordscript met while
dowhile.html
Een do/while constructie
break.html
For-loop stoppen met break
continue.html
For-loop onderbreken met continue
switch.html
Verschillende mogelijkheden onderzoeken met switch
datum.html
De datum van aankomst op de pagina tonen
datum2.html
Datum script dat ook oudere browsers ondersteunt
datum3.html
Voluit geschreven datum in het Nederlands
klok.html
Dynamische digitale klok
kalender.html
Simpel kalenderscript
btw.html
De BTW berekenen
math.html
Ingebouwde mogelijkheden van math
focus.html
Loginscript dat onmiddellijk focus plaatst in invoegveld
onthefly1.html
Dynamisch tekst vervangen
onthefly2.html
Dynamisch de stijl van tekst veranderen
styleswitch.html
Wissselen van stijlblad op diverse manieren
rollover1.html
Afbeelding verwisselen door mouseover
preload.html
Afbeeldingen vooraf laden
chrisdomroll.js
Crossbrowserscript voor rollovers
rollover2.html
Meerdere afbeeldingen laten wisselen in 1 keer
rolloverlinks.html
Meerdere links zelfde afbeelding laten verwisselen
slideshow.html
Simpel slideshowscript
slideshow2.html
Slideshow met overgangseffect
fade.html
Beelden laden met een 'loading' boodschap
checkakkoord.html
Dwingen om enkele checkbox af te vinken
formcounting.html
Automatisch optellen in formulier
formautotab.html
Automatisch naar volgende invoegveld springen
focus2.html
DOMscript om invoegveld focus te geven
forminputcss.html
Checkboxen en radiobuttons nemen stijl van input-tag niet over
layers.html
Div-elementen van stijl, positie en stapeling veranderen
loading.html
Div met boodschap verdwijnt zodra pagina geladen is
tooltip.html
Eigen tooltips maken
sorttables.html
Tabelkolommen sorteren
tablehighlite.html
Tabelrijen via mouseover en onclick van kleur laten veranderen
winheight.js
Berekenen van de hoogte van het scherm
winwidth.js
Berekenen van de breedte van het scherm
vastefooter.html
Een footer onderaan de pagina vastzetten
cssframeset.html
Een ‘fake’ frameset maken mbv CSS
tagsmaken.html
Alinea’s bijmaken door op link te klikken
rondehoeken.html
Een element afgeronde hoeken geven zonder verwijzing
naar beelden in HTML
snazzyborders.html
Een element afgeronde randen geven zonder beelden
met enkel CSS
addtabeelem.html
Tabelrijen en cellen bijmaken
settimeout.html
Iets na een bepaalde tijd laten gebeuren
setinterval.html
Iets periodiek laten gebeuren
stop.html
Stopzetten van iets dat zich herhaalt
move.html
Een element over de pagina laten bewegen
move2.js
Beweging met ingebouwde ‘easing’
drag.html
Een element oppakken en neerzetten
typ.html
Het effect van een typmachine nabootsen
credits.html
Een aftitelingsvenster maken
lijst.html
Basis unordered list voor menu’s
horzlistmenu.html
Een horizontaal lijstmenu maken (Suckerfish)
vertlistmenu.html
Een verticaal lijstmenu maken (Suckerfish)
treemenu.html
Boommenu, uitgaande van lijst
tabmenu.html
Tabmenu met submenu uitgaande van lijst
tabmenu2.html
Hoort bij tabmenu.html
tabmenu3.html
Hoort bij tabmenu.html
tabmenu4.html
Hoort bij tabmenu.html
selectboxmenu.html
Een selectboxmenu zonder Go-button
selectboxmenu2.html
Een selectboxmenu met Go-button
listselect.html
Een lijst met links omzetten in een selectboxmenu
breadcrumbs1.html
Locatie breadcrumbscript
breadcrumbs2.html
Hoort bij breadcrumbs1.html
breadcrumbs3.html
Hoort bij breadcrumbs1.html
formsimple.html
Simpele formuliervalidatie
formval.html
Uitgebreide formuliervalidatie
formval2.html
Aanvullende formuliervalidatie inclusief checkboxen
en radiobuttons
alleengetallen.html
Formulierveld beperken tot getallen
20tekens.html
Aantal tekens beperken in formulierveld
ajaxbegin.html
Simpel Ajax-script dat een div automatisch vult met externe data
data.txt
Externe data voor ajaxbegin.html
itunes.html
XML-data uitlezen uit iTunes RSS Feeds
itunes.js
Script dat bij itunes.html hoort
songs.xml
XML-bestand voor itunes-voorbeeld
albums.xml
XML-bestand voor itunes-voorbeeld
newreleases.xml
XML-bestand voor itunes-voorbeeld
justadded.xml
XML-bestand voor itunes-voorbeeld
basic.xml
XML-bestand voor een AJAX-menu
baseajax.js
AJAX-script voor AJAX-menu
ajaxmenu1.html
HTML-bestand voor AJAX-menu
navigation.xml
Tweede XML-bestand voor AJAX menu
ajaxgallerie.html
HTML-bestand voor een AJAX slideshow
ajaximage.js
AJAX-script voor slideshow
description1.xml
XML-bestand voor de omschrijvingen in slideshow
description2.xml
XML-bestand voor de omschrijvingen in slideshow
description3.xml
XML-bestand voor de omschrijvingen in slideshow
description4.xml
XML-bestand voor de omschrijvingen in slideshow
description5.xml
XML-bestand voor de omschrijvingen in slideshow
description6.xml
XML-bestand voor de omschrijvingen in slideshow
image1.html
HTML met verwijzing naar afbeelding voor slideshow
image2.html
HTML met verwijzing naar afbeelding voor slideshow
image3.html
HTML met verwijzing naar afbeelding voor slideshow
image4.html
HTML met verwijzing naar afbeelding voor slideshow
image5.html
HTML met verwijzing naar afbeelding voor slideshow
image6.html
HTML met verwijzing naar afbeelding voor slideshow
docwrite_strict.html
Vervanging van document.write voor XHTML-strict
target_strict.html
Vervanging van target=”blank” voor XHTML-strict
objectoud.html
Ouderwetse browserdetectie
microapi.js
Script om voor iedere soort DOM een object te geven
cookie_naam.html
Gebruiker herkennen bij herhaald bezoek
cookie_bezoek.html
Aangeven of er iets aan pagina veranderd is
sinds laatste bezoek
cookie_popup.html
Eenmalig popupvenster mbv cookie