if(document.getElementById && document.createTextNode) { // Dan voegen we een onload attribuut toe // Merk op dat we dit dus niet in de HTML // bij de tag zetten!! window.onload = setUp; } function setUp() { // Eerst pakken we alle links () die zich binnen het element // met het ID 'links' bevinden. (Dit element wordt straks een //

) var as = document.getElementById('contentleftkangacol').getElementsByTagName('a'); // Dan voegen we aan iedere link een onclick-functie toe // Merk weer op dat we dit dus NIET in de HTML doen!! for(i = 0; i < as.length; i++) { as[i].onclick = function(){ show(this); return false; } } } function show(s) { // We testen of er al elementen met TagName 'img' // in onze div 'show staan. // Zo ja, dan verwijderen we die met removeChild() if(document.getElementById('showkan').getElementsByTagName('img').length==1) { var img = document.getElementById('showkan').getElementsByTagName('img')[0]; var div = document.getElementById('showkan'); div.removeChild(img); } // En daarna verder met de normale code var id = s.href.match(/#(\w.+)/)[1]; var img = document.createElement('img'); img.src = id; var div = document.getElementById('showkan'); div.appendChild(img); }// JavaScript Document