Faab,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css" media="screen">
.disNone {
display: none;
}
</style>
<script>
window.onload = function(){
function createButton(){
var eSubButton1;
eSubButton1 = document.createElement('input');
eSubButton1.type = "button";
eSubButton1.value = "Behind";
return eSubButton1;
};
var eArticle, eImages, eImage, sClassList, eSubButton;
var eMainButton = document.getElementById('hoofdknop');
var eDivTootgle = document.querySelectorAll('.toggle');
for(i=0; i<eDivTootgle.length; i++){
eSubButton = createButton();
eDivTootgle[i].appendChild(eSubButton);
eSubButton.onclick = (function ()
{
var div = eDivTootgle[i], n = 0;
return function(){
n ^= 1
div.style.backgroundColor = n ? '#FF0000' : ''
}
})()
};
};
</script>
</head>
<body>
<button id="hoofdknop">Alle schermen verbergen</button>
<dd>de Wizard Site definition verschijnt, je beantwoordt een aantal vragen
<div class="toggle"><img class="screenshot" width="238" height="222" src="../images/clip_image014.gif" alt="schermafdruk"> </div>
</dd>
<dt> “Hoe wil u de website noemen?” </dt>
<dd>vul in <i> George’s site</i>
<div class="toggle"><img class="screenshot" width="310" height="307" src="../images/clip_image002.gif" alt="schermafdruk"> </div>
</dd>
</body>
</html>