In my next post I'll submit an Opera-only, canvas-based widget. My
intent is to write code that runs in Chrome, Firefox, Opera and
Safari. Below is a tiny tester for the events I want to handle. Any
help getting this to support the <canvascommunit y would be
appreciated.
--------------------------------------
<! t.html - test event handling>
<html>
<head>
<script>
function click_() { alert( 'click' ); }
function keyPress() { alert( 'keyPress' ); }
function wheel() { alert( 'wheel' ); }
</script>
<style>
table {
position:absolu te; top:10px; left:10px;
background: red;
}
.label {
position:absolu te; top:80px; left:10px;
}
canvas {
position:absolu te; top:100px; left:10px;
background:blue ;
}
</style>
</head>
<body>
<button style='font-size:18px; background:yell ow'
onclick=click_( ) onkeypress=keyP ress() onmousewheel=wh eel()>
button
</button>
<div class=label>Can vas:</div>
<canvas height=50 width=100
onclick=click() onkeypress=keyP ress() onmousewheel=wh eel()>
no canvas
</canvas>
</body>
</html>
<! end of t.html>
intent is to write code that runs in Chrome, Firefox, Opera and
Safari. Below is a tiny tester for the events I want to handle. Any
help getting this to support the <canvascommunit y would be
appreciated.
--------------------------------------
<! t.html - test event handling>
<html>
<head>
<script>
function click_() { alert( 'click' ); }
function keyPress() { alert( 'keyPress' ); }
function wheel() { alert( 'wheel' ); }
</script>
<style>
table {
position:absolu te; top:10px; left:10px;
background: red;
}
.label {
position:absolu te; top:80px; left:10px;
}
canvas {
position:absolu te; top:100px; left:10px;
background:blue ;
}
</style>
</head>
<body>
<button style='font-size:18px; background:yell ow'
onclick=click_( ) onkeypress=keyP ress() onmousewheel=wh eel()>
button
</button>
<div class=label>Can vas:</div>
<canvas height=50 width=100
onclick=click() onkeypress=keyP ress() onmousewheel=wh eel()>
no canvas
</canvas>
</body>
</html>
<! end of t.html>
Comment