<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title>Web Workers basic example ... thanks to https://github.com/mdn/simple-web-worker</title>
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type='text/javascript'>
function info() {
var lx=' hotlinks ';
document.getElementById('myh1').innerHTML += '<span style=font-size:22px;><br> ... ' + document.URL + lx + document.getElementById('myscript').src + '</span>';
}
function fixn(iio) {
var clist='-0123456789.eE';
if (iio.value.trim() == '') {
iio.value='0';
} else {
for (var jjo=0; jjo<iio.value.trim().length; jjo++) {
if (clist.indexOf(iio.value.trim().substring(jjo, eval(1 + jjo))) == -1) {
iio.value='0';
return iio.value;
}
}
}
return iio.value;
}
</script>
</head>
<body onload="info();">
<h1 id=myh1>Web<br>Workers<br>basic<br>example ... thanks to <a target=_blank title='https://github.com/mdn/simple-web-worker' href='https://github.com/mdn/simple-web-worker'>https://github.com/mdn/simple-web-worker</a></h1>
<h4 id=myh4></h4>
<div class="controls" tabindex="0">
<form>
<div>
<label for="number1"><select onchange="document.getElementById('snumber2').value=this.value;" id=snumber1><option value=''>Power of</option><option value='/'>Numerator</option><option value='+'>Sum</option><option value='-'>Minus</option><option value='*'>Factor</option></select> number 1: </label>
<input onblur=fixn(this); type="text" id="number1" value="0">
</div>
<div>
<label for="number2"><select onchange="document.getElementById('snumber2').value=this.value;" id=snumber2><option value=''>Power to</option><option value='/'>Denominator</option><option value='+'>Sum</option><option value='-'>Minus</option><option value='*'>Factor</option></select> number 2: </label>
<input onblur=fixn(this); type="text" id="number2" value="0">
</div>
</form>
<p class="result">Result: 0</p>
</div>
<input style="position:absolute;top:-500px;left:-500px;" type="text" id="offthescreen" value="">
</body>
<script id="myscript" src="//www.ozemail.com.au/~mkuulma/PostMessage/main.js"></script>
</html>