[mirror_novnc.git] / tests / input.html

<html>
    <head><title>Input Test</title></head>
    <body>
        <br><br>

        Canvas:<br>
        <canvas id="canvas" width="640" height="20"
                style="border-style: dotted; border-width: 1px;">
            Canvas not supported.
        </canvas>

        <br>
        Results:<br>
        <textarea id="messages" style="font-size: 9;" cols=80 rows=25></textarea>
    </body>

    <!--
    <script type='text/javascript' 
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
    -->
    <script src="include/util.js"></script>
    <script src="include/base64.js"></script>
    <script src="include/canvas.js"></script>
    <script>
        var msg_cnt = 0;
        var width = 400, height = 200;
        var iterations;

        function message(str) {
            console.log(str);
            cell = $('messages');
            cell.innerHTML += msg_cnt + ": " + str + "\n";
            cell.scrollTop = cell.scrollHeight;
        }

        function mouseButton(x, y, down, bmask) {
            msg = 'mouse x,y: ' + x + ',' + y + '  down: ' + down;
            msg += ' bmask: ' + bmask;
            console.log(msg);
            message(msg);
        }

        function mouseMove(x, y) {
            msg = 'mouse x,y: ' + x + ',' + y;
            //console.log(msg);
        }

        function keyPress(keysym, down) {
            msg = "keyPress keysym: " + keysym + " down: " + down;
            console.log(msg);
            message(msg);
        }

        window.onload = function() {
            var canvas = Canvas({'target' : 'canvas'});
            canvas.resize(width, height, true);
            canvas.start(keyPress, mouseButton, mouseMove);
            message("Canvas initialized");
        }
    </script>
</html>
Commit	Line	Data
a575a383 JM	1	<html>
	2	<head><title>Input Test</title></head>
	3	<body>
	4	<br><br>
	5
	6	Canvas:<br>
	7	<canvas id="canvas" width="640" height="20"
	8	style="border-style: dotted; border-width: 1px;">
	9	Canvas not supported.
	10	</canvas>
	11
	12	<br>
	13	Results:<br>
	14	<textarea id="messages" style="font-size: 9;" cols=80 rows=25></textarea>
	15	</body>
	16
	17	<!--
	18	<script type='text/javascript'
	19	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	20	-->
a575a383	21	<script src="include/util.js"></script>
8db09746	22	<script src="include/base64.js"></script>
a575a383	23	<script src="include/canvas.js"></script>
a575a383 JM	24	<script>
a575a383 JM	25	var msg_cnt = 0;
d93d3e09	26	var width = 400, height = 200;
a575a383 JM	27	var iterations;
	28
	29	function message(str) {
	30	console.log(str);
	31	cell = $('messages');
	32	cell.innerHTML += msg_cnt + ": " + str + "\n";
	33	cell.scrollTop = cell.scrollHeight;
	34	}
	35
61dd52c9 JM	36	function mouseButton(x, y, down, bmask) {
	37	msg = 'mouse x,y: ' + x + ',' + y + ' down: ' + down;
	38	msg += ' bmask: ' + bmask;
a575a383 JM	39	console.log(msg);
	40	message(msg);
	41	}
	42
61dd52c9 JM	43	function mouseMove(x, y) {
	44	msg = 'mouse x,y: ' + x + ',' + y;
	45	//console.log(msg);
a575a383 JM	46	}
a575a383 JM	47
61dd52c9 JM	48	function keyPress(keysym, down) {
61dd52c9 JM	49	msg = "keyPress keysym: " + keysym + " down: " + down;
a575a383 JM	50	console.log(msg);
	51	message(msg);
	52	}
	53
	54	window.onload = function() {
8db09746 JM	55	var canvas = Canvas({'target' : 'canvas'});
	56	canvas.resize(width, height, true);
	57	canvas.start(keyPress, mouseButton, mouseMove);
a575a383 JM	58	message("Canvas initialized");
	59	}
	60	</script>
	61	</html>