html5 output
output zet het resultaat van bijv. een berekening op het scherm

home | index | menu | help

Er is geen CSS ondersteuning.

		
		

1+1=

		

Opera heeft geen enkele moeite met deze "ingewikkelde" berekening. Het is de bedoeling dat ook de overige browsers deze moeilijke som even voor jou op het scherm zetten. Tot die tijd is het niet erg handig om deze methode te gebruiken. Toch zet ik de code op deze pagina. Het stukje javascript dient er (onder andere) voor om even te waarschuwen als een browser niet in staat is om de html5 output procedure (correct) af te handelen.

		
		
<form action="" method="get">
	<p> 
		1+1=<output name="uitkomst"></output> 
	</p>
	<button type="submit"> bereken </button>
</form>
<script>
	/*globals alert */
	(function() {
		var formulier=document.forms[0];
		if (typeof formulier.uitkomst !== 'undefined') {
			formulier.addEventListener('submit',
			function(e){
				formulier.uitkomst.value=2;
				e.preventDefault();
			},
			false);
		}else{alert('Jouw browser kent dit kunstje nog niet.');}
	})();
</script>
		

cache 30-01-2011