Natuurlijk wil je graag nette webpagina’s bouwen. Dan zorg je voor een pagina met semantische, gestructureerde inhoud, laat je de opmaak over aan een extern stijlblad en stop je de eventuele actie in een extern bestandje met javascript.

In het onderstaande voorbeeld kun je op een vrij nette en onopdringerige manier je (x)html tags (in dit geval linkjes) voorzien van een javascript actie. Staat javascript uit? Geen probleem. De basisfunctionaliteit (het inladen van de pagina achter de link) blijft intact.

Ik heb twee verschillende manieren gebruikt. De eerste maakt gebruik van addEventListener en de tweede van onclick = functie.

Bij het gebruik van addEventListener je moet je je code vorken, omdat Internet Explorer (hoe kan het ook anders) attachEvent gebruikt in plaats van de W3C methode addEventListener. Een tweede nadeel van de addEventListener methode is het feit dat je de bubble van de gebeurtenis moet stoppen. Met andere woorden, zonder verdere (tegen)actie wordt de javascript code die je met behulp van addEventListener aan een gebeurtenis van een tag hebt gehangen uitgevoerd, waarna de klik vrolijk verder door de DOM tree marcheert. En dus de pagina laadt die achter event.target schuilgaat. Precies wat je niet wilt. Dus ik vind eigenlijk de in de attachLinkAlternatieveManier functie beschreven manier een stukje handiger.

Nullbeta aka HansR babbelt deze website louter op persoonlijke titel vol. Mogelijkerwijs worden Nullbeta's standpunten niet gedeeld door de organisatie die z'n boterham belegt. Maar kan dat iemand boeien?