<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns5.nl>
<voorbeeld>
<title>memory</title>
<verwijzende_link>http://www.dns5.nl/javascript/memory/memory-javascript.html</verwijzende_link>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<title>www.dns5.nl</title>
		<meta name='keywords' content="dns5" />
		<meta name='description' content="dns5.nl" />
		<meta name="author" content="Bobik">
		<meta name="language" content="nederlands">
		<style type="text/css" media="screen">
			body{color:#E5CC92;background:#002200;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;font-size:16px;}
			body a{text-decoration:none;}a{outline:none;}a img,img{border:none;}
			.tekst{color:#bbbbbb;background:#004400;text-align:center;padding-bottom:0.5em;}
			ul{margin-left:100px;display:block;width:15em;color:#82B282;background:#003300;padding:0.3em;list-style-type:none;border-right:1px solid #004000;border-top:1px solid #004000;}
			p{margin-left:100px;}p{margin-right:40%;}.css-check{display:none;}
			li a{color:#82B282;background:#003000;padding-left:0.5em;}
			li a:hover{color:#E5CC92;background:#003000;}
			.eenlink,.knop,.tekst{color:#aaaaaa;background:#004400;padding-left:0.5em;padding-right:0.5em;border-right:1px solid #005500;border-top:1px solid #005500;}
			.eenlink:hover,.knop:hover{color:#E5CC92;background:#004400;}
			.knop{color:#AABD8C;background:#004400;font-weight:bold;}
			.groter{font-size:1.4em;}
			.kleiner{font-size:0.7em;}
			.lager{margin-bottom:5em;}
			#logo{color:#436E00;background:#004400;position:absolute;right:1.2em;font-weight:bold;}
		</style>
		<style type="text/css">
			#corrigeer{position:relative;top:-12em;left:40%;}
			.veldje{color:#82B282;background:#004400;}
			.veldje:hover{color:#82B282;background:#005500;}
		</style>
		<script type="text/javascript">
			 // <!--
			var pics = new Array(),i,x,z;
			for (i = 0; i <= 18; i++) {
			pics[i] = new Image();
			pics[i].src = 'image' + i + '.gif';
			}
			var map=new Array(1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18);
			var user = [];
			var temparray = [];
			var clickarray = new Array(0, 0);
			var ticker, sec, min, ctr, id, oktoclick, finished;
			function init() {
			clearTimeout(id);
			for (i = 0; i <= 35 ;i++) {
			user[i] = 0;
			}
			ticker = 0;
			min = 0;
			sec = 0;
			ctr = 0;
			oktoclick = true;
			finished = 0;
			document.f.b.value = "";
			scramble();
			runclk();
			for (i = 0; i <= 35; i++) {
			document.f[('img'+i)].src = "image0.gif";
			   }
			}
			function runclk() {
			min = Math.floor(ticker/60);
			sec = (ticker-(min*60))+'';
			if(sec.length == 1) {sec = "0"+sec};
			ticker++;
			document.f.b.value = min+":"+sec;
			id = setTimeout('runclk()', 1000);
			}
			function scramble() {
			for (z = 0; z < 5; z++) {
			for (x = 0; x <= 35; x++) {
			temparray[0] = Math.floor(Math.random()*36);
			temparray[1] = map[temparray[0]];
			temparray[2] = map[x];
			map[x] = temparray[1];
			map[temparray[0]] = temparray[2];
			      }
			   }
			}
			function showimage(but) {
			if (oktoclick) {
			oktoclick = false; 
			document.f[('img'+but)].src = 'image'+map[but]+'.gif';
			if (ctr === 0) {
			ctr++;
			clickarray[0] = but;
			oktoclick = true;
			} else {
			clickarray[1] = but;
			ctr = 0;
			setTimeout('returntoold()', 600);
			      }
			   }
			}
			function returntoold() {
			if ((clickarray[0] == clickarray[1]) && (!user[clickarray[0]])) {
			document.f[('img'+clickarray[0])].src = "image0.gif";
			oktoclick = true;
			} else {
			if (map[clickarray[0]] != map[clickarray[1]]) {
			if (user[clickarray[0]] === 0) {
			document.f[('img'+clickarray[0])].src = "image0.gif";
			}
			if (user[clickarray[1]] === 0) {
			document.f[('img'+clickarray[1])].src = "image0.gif";
			   }
			}
			if (map[clickarray[0]] == map[clickarray[1]]) {
			if (user[clickarray[0]] === 0&&user[clickarray[1]] === 0) { finished++; }
			user[clickarray[0]] = 1;
			user[clickarray[1]] = 1;
			}
			if (finished >= 18) {
			alert('Je deed het in '+document.f.b.value+' !');
			} else {
			oktoclick = true;
			      }
			   }
			}
			//-->
		</script>
	</head>
	<body>
		<div class="tekst">			
			<div id="logo">www.dns5.nl</div>
			<span class="groter"><strong>memory script / spelletje</strong></span><br />
			<span class="kleiner"><strong>een leuk script om jouw bezoekers een beetje te amuseren</strong></span>
		</div>
		<p class="lager">
			<a href="http://www.dns5.nl/" rel="nofollow" title=" hoofd pagina "><span class="knop">home</span></a>
			<a href="http://www.dns5.nl/alle-scripts-en-code.html" rel="nofollow" title=" hoofd-menu "><span class="knop">menu</span></a>
			<a href="http://www.dns5.nl/help.html" rel="nofollow" title=" help "><span class="knop">help</span></a>
		</p>
		<p class="css-check">
			Er is geen CSS ondersteuning. 
			Zonder CSS is alleen de onopgemaakte HTML zichtbaar.
		</p>
		<noscript>
			<p>
				Jouw javascript is uitgeschakeld.
				Sommige onderdelen van deze site
				die javascript gebruiken zijn nu
				niet operationeel.
			</p>
		</noscript>
		<ul>
			<li><a href="http://www.dns5.nl/javascript/" title=" javascript menu ">klik hier voor het javascript-menu</a></li>
			<li><a href="http://www.dns5.nl/javascript/programma-code/digitaal-vergrootglas.xml" rel="nofollow,noindex" title=" de broncode voor de pagina ">klik hier voor de broncode</a></li>
		</ul>
		<pre>
		</pre>
		<div id="corrigeer">
			<script type="text/javascript"> <!--
				document.write('<form  action="" name="f">'); 
				for (r = 0; r <= 5; r++) {
				document.write('<tr>');
				for (c = 0; c <= 5; c++) {
				document.write('<td align="center">');
				document.write('<a href="javascript:showimage('+((6*r)+c)+')" onClick="document.f.b.focus()">');
				document.write('<img src="image0.gif" name="img'+((6*r)+c)+'" border="0">');
				if (c == 5) {document.write('<br />');}
				document.write('</a></td>');}
				document.write('</tr>');}
				document.write('<br /><input type="button" class="veldje" value="klik hier om te beginnen" name="b" onClick="init()">'); 
				document.write('</form>'); 
			//--> </script>
		</div>
		<pre>
		
		</pre>
	</body>
</html>

de code is hier geeindigd.
// -->
]]>
</programma_code>
</voorbeeld>
</dns5.nl>
