Tijdschrift voor webwerkers
JavaScript
Op een aantal plaatsen wordt het gedrag van de site geregeld met behulp van JavaScript. Door het gebruik van Modern JavaScript is er geen afhankelijkheid van scriptondersteuning: ook zonder JavaScript-ondersteuning blijft de site bruikbaar. Deze onafhankelijkheid is een voorwaarde bij verdere ontwikkelingen aan de site. Bij de ontwikkeling van de templates gebruiken we twee script die hieronder beschreven worden.
Openen van nieuwe vensters
Veel bezoekers met een screen reader krijgen geen melding bij het openen van een nieuw scherm. Voor deze
mensen kan het dan lijken alsof ze niet meer terug kunnen naar waar ze vandaan kwamen: een onaangename
verrassing. Het gebruik van het target-attribuut voor openen van nieuwe vensters wordt
afgeraden (en is geen valide XHTML-strict), omdat het openen van een nieuw venster in feite het gedrag
van een link is. Het openen van een popupvenster door de onclick-evenhandler te koppelen aan
een link met href="#" of href="javascript:()" is zeer zeker niet gewenst omdat hier
de link niet gevolgd kan worden, maar de ondersteuning van JavaScript een voorwaarde is voor de werking.
Werking
Binnen de HTML-documenten wordt het openen van een nieuw venster (popup) door middel van JavaScript aangeroepen.
Het script scant de pagina direct na het inladen op de aanwezigheid van links met rel="popup". Op
basis van deze gegevens wordt aan de betreffende link een
JavaScript-routine gekoppeld waarmee de link in een popup opent. De afmetingen van het popup-venster wordt in
het JavaScript bepaald.
Externe links
Links naar andere websites worden voorzien van een icoon zodat de bezoeker weet wanneer de site wordt verlaten. De aanwezigheid van het icoon is niet van wezenlijk belang voor het normaal functioneren van de site en kan door middel van een script gerealiseerd worden.
Werking
Op het moment dat de pagina geladen is, wordt het script uitgevoerd. Het script loopt alle links op de pagina langs
en vergelijkt het href-attribuut met de URL van de pagina. Wanneer het domein van de pagina
niet voorkomt in de href van de link, dan is de link extern en genereert het script een
img-element. Dit element wordt toegevoegd aan het einde van de link-tekst.