<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>kleurverloop voor de achtergrond van een div</title>
<verwijzende_link>http://www.dns4.nl/pagina/javascript_code/kleur_div.html</verwijzende_link>
<informatie>


</informatie>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

	<style type="text/css">
		#kleur{margin-left:10%;font-size:1.5em;display:block;width:3em;height:1.5em;padding:0.5em}
	</style>
	<script type="text/javascript">
		<!--
		var verloop=30;
		var kleurdoos=[];
		kleurdoos["multi"]=["6E0189","660000","6E0189","0B01E7","6E0189","1B8963","92000B","6E0189","A50055"];
		function haaldeKleurtjes(begin,eind,procent) {
		    function hexnaardec(hex) {return (parseInt(hex, 16));}
		    function decnaarhex(dec) {return (dec < 16 ? "0": "") + dec.toString(16);}
		    var waarde1 = hexnaardec(begin.slice(0,2)),
		    begwrd = hexnaardec(begin.slice(2,4)),
		    bebwrd = hexnaardec(begin.slice(4,6));
		    var waarde2 = hexnaardec(eind.slice(0,2)),
		    eindwd = hexnaardec(eind.slice(2,4)),
		    eindbd = hexnaardec(eind.slice(4,6));
		    var prcnt = procent / 100;
		    var eenwaarde = Math.floor(waarde1 + (prcnt * (waarde2 - waarde1)) + 0.5),
		    bwaarde = Math.floor(begwrd + (prcnt * (eindwd - begwrd)) + 0.5),
		    ewaarde = Math.floor(bebwrd + (prcnt * (eindbd - bebwrd)) + 0.5);
		    return ("#" + decnaarhex(eenwaarde) + decnaarhex(bwaarde) + decnaarhex(ewaarde));}
		function verkleur(deClass, begin, eind, bobik, snelheid) {
		    if (bobik === 0) {begin = eind;eind = (eind + 1) % kleurdoos[deClass].length;}
		    var color = haaldeKleurtjes(kleurdoos[deClass][begin], kleurdoos[deClass][eind], bobik);
			if(document.getElementById("kleur")){
			document.getElementById('kleur').style.backgroundColor =color;}
		    bobik = (bobik + snelheid) % 100;
		    setTimeout("verkleur(\"" + deClass + "\"," + begin + "," + eind + "," + bobik + "," + snelheid + ")", verloop);}
		function kleur() {
		    verkleur("multi",0,0,0,1);}
		window.onload = kleur; 
		// -->
	</script>


	<div id="kleur">
		DNS4
	</div>



de code is hier geeindigd.
// -->
]]>
</programma_code>
<code_link>http://www.dns4.nl/pagina/alle_tekst_files.html</code_link>
</voorbeeld>
</dns4.nl>
