2010-05-25 17:05:55 +01:00
|
|
|
<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>
|
2010-09-29 20:11:23 +01:00
|
|
|
<script src="include/webutil.js"></script>
|
New API. Refactor Canvas and RFB objects.
New API:
To use the RFB object, you now must instantiate it (this allows more
than one instance of it on the same page).
rfb = new RFB(settings);
The 'settings' variable is a namespace that contains initial default
settings. These can also be set and read using 'rfb.set_FOO()' and
'rfb.get_FOO()' where FOO is the setting name. The current settings
are (and defaults) are:
- target: the DOM Canvas element to use ('VNC_canvas').
- encrypt: whether to encrypt the connection (false)
- true_color: true_color or palette (true)
- b64encode: base64 encode the WebSockets data (true)
- local_cursor: use local cursor rendering (true if supported)
- connectTimeout: milliseconds to wait for connect (2000)
- updateState: callback when RFB state changes (none)
- clipboardReceive: callback when clipboard data received (none)
The parameters to the updateState callback have also changed. The
function spec is now updateState(rfb, state, oldstate, msg):
- rfb: the RFB object that this state change is for.
- state: the new state
- oldstate: the previous state
- msg: a message associate with the state (not always set).
The clipboardReceive spec is clipboardReceive(rfb, text):
- rfb: the RFB object that this text is from.
- text: the clipboard text received.
Changes:
- The RFB and Canvas namespaces are now more proper objects. Private
implementation is no longer exposed and the public API has been made
explicit. Also, instantiation allows more than one VNC connection
on the same page (to complete this, DefaultControls will also need
this same refactoring).
- Added 'none' logging level.
- Removed automatic stylesheet selection workaround in util.js and
move it to defaultcontrols so that it doesn't interfere with
intergration.
- Also, some major JSLinting.
- Fix input, canvas, and cursor tests to work with new model.
2010-08-02 23:07:27 +01:00
|
|
|
<script src="include/base64.js"></script>
|
2010-05-25 17:05:55 +01:00
|
|
|
<script src="include/canvas.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var msg_cnt = 0;
|
2010-06-23 22:08:36 +01:00
|
|
|
var width = 400, height = 200;
|
2010-05-25 17:05:55 +01:00
|
|
|
var iterations;
|
|
|
|
|
|
|
|
|
|
function message(str) {
|
|
|
|
|
console.log(str);
|
2010-12-10 14:25:36 +00:00
|
|
|
cell = $D('messages');
|
2010-05-25 17:05:55 +01:00
|
|
|
cell.innerHTML += msg_cnt + ": " + str + "\n";
|
|
|
|
|
cell.scrollTop = cell.scrollHeight;
|
|
|
|
|
}
|
|
|
|
|
|
2010-06-15 17:10:18 +01:00
|
|
|
function mouseButton(x, y, down, bmask) {
|
|
|
|
|
msg = 'mouse x,y: ' + x + ',' + y + ' down: ' + down;
|
|
|
|
|
msg += ' bmask: ' + bmask;
|
2010-05-25 17:05:55 +01:00
|
|
|
console.log(msg);
|
|
|
|
|
message(msg);
|
|
|
|
|
}
|
|
|
|
|
|
2010-06-15 17:10:18 +01:00
|
|
|
function mouseMove(x, y) {
|
|
|
|
|
msg = 'mouse x,y: ' + x + ',' + y;
|
|
|
|
|
//console.log(msg);
|
2010-05-25 17:05:55 +01:00
|
|
|
}
|
|
|
|
|
|
2010-06-15 17:10:18 +01:00
|
|
|
function keyPress(keysym, down) {
|
|
|
|
|
msg = "keyPress keysym: " + keysym + " down: " + down;
|
2010-05-25 17:05:55 +01:00
|
|
|
console.log(msg);
|
|
|
|
|
message(msg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
window.onload = function() {
|
2010-12-10 14:25:36 +00:00
|
|
|
var canvas = new Canvas({'target' : $D('canvas')});
|
New API. Refactor Canvas and RFB objects.
New API:
To use the RFB object, you now must instantiate it (this allows more
than one instance of it on the same page).
rfb = new RFB(settings);
The 'settings' variable is a namespace that contains initial default
settings. These can also be set and read using 'rfb.set_FOO()' and
'rfb.get_FOO()' where FOO is the setting name. The current settings
are (and defaults) are:
- target: the DOM Canvas element to use ('VNC_canvas').
- encrypt: whether to encrypt the connection (false)
- true_color: true_color or palette (true)
- b64encode: base64 encode the WebSockets data (true)
- local_cursor: use local cursor rendering (true if supported)
- connectTimeout: milliseconds to wait for connect (2000)
- updateState: callback when RFB state changes (none)
- clipboardReceive: callback when clipboard data received (none)
The parameters to the updateState callback have also changed. The
function spec is now updateState(rfb, state, oldstate, msg):
- rfb: the RFB object that this state change is for.
- state: the new state
- oldstate: the previous state
- msg: a message associate with the state (not always set).
The clipboardReceive spec is clipboardReceive(rfb, text):
- rfb: the RFB object that this text is from.
- text: the clipboard text received.
Changes:
- The RFB and Canvas namespaces are now more proper objects. Private
implementation is no longer exposed and the public API has been made
explicit. Also, instantiation allows more than one VNC connection
on the same page (to complete this, DefaultControls will also need
this same refactoring).
- Added 'none' logging level.
- Removed automatic stylesheet selection workaround in util.js and
move it to defaultcontrols so that it doesn't interfere with
intergration.
- Also, some major JSLinting.
- Fix input, canvas, and cursor tests to work with new model.
2010-08-02 23:07:27 +01:00
|
|
|
canvas.resize(width, height, true);
|
|
|
|
|
canvas.start(keyPress, mouseButton, mouseMove);
|
2010-05-25 17:05:55 +01:00
|
|
|
message("Canvas initialized");
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|
