Sourcecode demo-pagina

<p>
	Deze pagina gebruikt alle geavanceerde mogelijkheden van de IPv6Test.
	Hieronder kunt u de de voortgang van de test volgen. Het belangrijkste
	is de "Dual Stack" test. Bij deze test kiest de PC van de bezoeker zelf
	welk protocol gebruikt wordt. Als de PC een verkeerde keuze maakt kan
	de bezoeker de website niet meer zien. Dit komt vaak door
	&eacute;&eacute;n van de volgende oorzaken:
</p>
<ul>
	<li>De bezoeker heeft verkeerde IPv6 instellingen op zijn PC.</li>
	<li>De router van de bezoeker kan niet met IPv6 omgaan en blokkeert het daardoor.</li>
	<li>De firewall van de bezoeker kan niet met IPv6 omgaan en blokkeert het daardoor.</li>
</ul>

<h2>Resultaten</h2>
<table id="demoresults">
	<tr>
		<th>Server heeft &rarr;</th>
		<th>IPv4</th>
		<th>IPv6</th>
		<th>Dual Stack</th>
	</tr>
	<tr>
		<th>Fase:</th>
		<td id="fase_ipv4" class="testbezig">Bezig</td>
		<td id="fase_ipv6" class="testbezig">Bezig</td>
		<td id="fase_dual" class="testbezig">Bezig</td>
	</tr>
	<tr>
		<th>Meting:</th>
		<td id="result_ipv4">-</td>
		<td id="result_ipv6">-</td>
		<td id="result_dual">-</td>
	</tr>
</table>
<p>
	Eindresultaat: <span id="endresult" class="testbezig">Bezig...</span>
</p>

<h2>Sourcecode</h2>
<p>
	Bekijk de <a href="demosource.php">sourcecode van deze pagina</a>
	om te zien wat de mogelijkheden zijn.
</p>

<script type="text/javascript"><!--
	// This function is called after the tests are completed
	function onComplete(succes, measurements) {
		var endresult = document.getElementById('endresult');
		if( endresult == null )
			return;

		// The test was successful if the dual stack test is succesful
		// It doesn't matter if IPv4 or IPv6 is used, as long as the
		// user gets his results.
		if (succes) {
			endresult.innerHTML = 'Geen probleem! De "Dual Stack" test is gelukt.';
			endresult.className = 'testklaar';
		} else {
			endresult.innerHTML = 'Probleem! De "Dual Stack" test is mislukt...';
			endresult.className = 'testerror';
		}

		// Show all the measurements
		for( var name in measurements ) {
			var measurement = measurements[ name ];
			
			var fase = document.getElementById('fase_'+name);
			var result = document.getElementById('result_'+name);
			if( fase == null || result == null )
				return;
			
			if (measurement == 'NaN') {
				fase.innerHTML = 'Mislukt';
				fase.className = 'testerror';
				result.innerHTML = 'Timeout';
			} else {
				fase.innerHTML = 'Klaar';
				fase.className = 'testklaar';
				result.innerHTML = measurement + ' ms';
			}
		}
	}

	// This function is called immediately after each part of the test is
	// finished. A part of the test consists of loading an image, and once
	// that image is loaded that part of the results is shown.
	function onImageLoaded(name, measurement) {
		var fase = document.getElementById('fase_'+name);
		var result = document.getElementById('result_'+name);
		if( fase == null || result == null )
			return;
		
		fase.innerHTML = 'Klaar';
		fase.className = 'testklaar';
		result.innerHTML = measurement + ' ms';
	}

	var ipv6_test = new IPv6Test('ipv6test.nl', onComplete, onImageLoaded);
	ipv6_test.run( true );
--></script>