<html>
<head>
<title>Key > Button | Egel 060710 ;)</title>
<style type="text/css">
<!--
input, .ka, .kb, select, option { color: #000; font-size: 10pt; font-family: Ms Sans Serif;}
.ka, .kb { border: 2px solid #c0c0c0; height: 40px; width: 40px; background: #c0c0c0; cursor: hand; font-family: FixedSys; margin: 2px;}
.ka { border-color: #e0e0e0 #7f7f7f #7f7f7f #e0e0e0; padding: 0px 1px 3px 0px;}
.kb { border-color: #7f7f7f #e0e0e0 #e0e0e0 #7f7f7f; padding: 1px 0px 2px 1px;}
// -->
</style>
<script language="JavaScript">
<!--
function press(id,pr) {
id.className = (pr ? 'kb' : 'ka');
};
function getKey(keyStroke) {
var keyNr = 0;
if (typeof(event) == 'object') {
keyNr = event.keyCode;
} else if (typeof(keyStroke) == 'object') {
keyNr = keyStroke.which;
};
// alert(keyNr);
var f = document.f;
switch(keyNr) {
case 96: press(f.b0,true); setTimeout('press(f.b0,false)',500); break;
case 97: press(f.b1,true); setTimeout('press(f.b1,false)',500); break;
case 98: press(f.b2,true); setTimeout('press(f.b2,false)',500); break;
case 99: press(f.b3,true); setTimeout('press(f.b3,false)',500); break;
case 100: press(f.b4,true); setTimeout('press(f.b4,false)',500); break;
case 101: press(f.b5,true); setTimeout('press(f.b5,false)',500); break;
case 102: press(f.b6,true); setTimeout('press(f.b6,false)',500); break;
case 103: press(f.b7,true); setTimeout('press(f.b7,false)',500); break;
case 104: press(f.b8,true); setTimeout('press(f.b8,false)',500); break;
case 105: press(f.b9,true); setTimeout('press(f.b9,false)',500); break;
case 110: press(f.bp,true); setTimeout('press(f.bp,false)',500); break;
case 144: alert('NumLock moet ingeschakeld zijn!'); break;
};
};
document.onkeydown = getKey;
// -->
</script>
<body>
<form name="f">
<input type="button" class="ka" value="7" name="b7" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><input type="button" class="ka" value="8" name="b8" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><input type="button" class="ka" value="9" name="b9" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><br>
<input type="button" class="ka" value="4" name="b4" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><input type="button" class="ka" value="5" name="b5" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><input type="button" class="ka" value="6" name="b6" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><br>
<input type="button" class="ka" value="1" name="b1" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><input type="button" class="ka" value="2" name="b2" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><input type="button" class="ka" value="3" name="b3" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><br>
<input type="button" class="ka" value="0" name="b0" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'" style="width: 84px;"><input type="button" class="ka" value="." name="bp" onclick="" onmouseover="this.className='kb'" onmouseOut="this.className='ka'"><br>
</form>
</body>
</html>