vnc_auto.html

<html>
    <!-- 
    noVNC Example: Automatically connect on page load.
    Copyright (C) 2010 Joel Martin
    Licensed under LGPL-3 (see LICENSE.txt)

    Connect parameters are provided in query string:
        http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
    -->
    <head>
        <title>noVNC</title>
        <meta http-equiv="X-UA-Compatible" content="chrome=1">
        <link rel="stylesheet" href="include/plain.css" title="plain">
        <!--
        <script type='text/javascript' 
            src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
        -->
        <script src="include/vnc.js"></script>
    </head>

    <body style="margin: 0px;">
        <div id="VNC_screen">
            <div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">
                <table border=0 width="100%"><tr>
                    <td><div id="VNC_status">Loading</div></td>
                    <td width="1%"><div id="VNC_buttons">
                        <input type=button value="Send CtrlAltDel"
                            id="sendCtrlAltDelButton">
                            </div></td>
                </tr></table>
            </div>
            <canvas id="VNC_canvas" width="640px" height="20px">
                Canvas not supported.
            </canvas>
        </div>

        <script>
        /*jslint white: false */
        /*global window, $, Util, RFB, */
        "use strict";

        var rfb;

        function setPassword() {
            rfb.sendPassword($D('password_input').value);
            return false;
        }
        function sendCtrlAltDel() {
            rfb.sendCtrlAltDel();
            return false;
        }
        function updateState(rfb, state, oldstate, msg) {
            var s, sb, cad, klass;
            s = $D('VNC_status');
            sb = $D('VNC_status_bar');
            cad = $D('sendCtrlAltDelButton');
            switch (state) {
                case 'failed':
                case 'fatal':
                    klass = "VNC_status_error";
                    break;
                case 'normal':
                    klass = "VNC_status_normal";
                    break;
                case 'disconnected':
                case 'loaded':
                    klass = "VNC_status_normal";
                    break;
                case 'password':
                    msg = '<form onsubmit="return setPassword();"';
                    msg += '  style="margin-bottom: 0px">';
                    msg += 'Password Required: ';
                    msg += '<input type=password size=10 id="password_input" class="VNC_status">';
                    msg += '<\/form>';
                    klass = "VNC_status_warn";
                    break;
                default:
                    klass = "VNC_status_warn";
            }

            if (state === "normal") { cad.disabled = false; }
            else                    { cad.disabled = true; }

            if (typeof(msg) !== 'undefined') {
                sb.setAttribute("class", klass);
                s.innerHTML = msg;
            }
        }

        window.onload = function () {
            var host, port, password;

            $D('sendCtrlAltDelButton').onclick = sendCtrlAltDel;

            host = WebUtil.getQueryVar('host', null);
            port = WebUtil.getQueryVar('port', null);
            password = WebUtil.getQueryVar('password', '');
            if ((!host) || (!port)) {
                updateState('failed',
                    "Must specify host and port in URL");
                return;
            }

            rfb = new RFB({'target':       $D('VNC_canvas'),
                           'encrypt':      WebUtil.getQueryVar('encrypt', false),
                           'true_color':   WebUtil.getQueryVar('true_color', true),
                           'local_cursor': WebUtil.getQueryVar('cursor', true),
                           'shared':       WebUtil.getQueryVar('shared', true),
                           'updateState':  updateState});
            rfb.connect(host, port, password);
        };
        </script>

    </body>
</html>
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`<html>`
JSLint. 2010-09-08 10:11:11 -05:00			`<!--`
			`noVNC Example: Automatically connect on page load.`
License header cleanup. 2010-09-08 15:06:34 -05:00			`Copyright (C) 2010 Joel Martin`
			`Licensed under LGPL-3 (see LICENSE.txt)`
JSLint. 2010-09-08 10:11:11 -05:00
			`Connect parameters are provided in query string:`
			`http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1`
			`-->`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`<head>`
Add Chrome Frame support. Close requests in web.py. 2010-11-09 12:06:03 -06:00			`<title>noVNC</title>`
			`<meta http-equiv="X-UA-Compatible" content="chrome=1">`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`<link rel="stylesheet" href="include/plain.css" title="plain">`
Opera works! Fix message event drops/reorders. 2010-07-01 09:53:38 -05:00			`<!--`
			`<script type='text/javascript'`
			`src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>`
			`-->`
			`<script src="include/vnc.js"></script>`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`</head>`

Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`<body style="margin: 0px;">`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`<div id="VNC_screen">`
Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`<div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`<table border=0 width="100%"><tr>`
Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`<td><div id="VNC_status">Loading</div></td>`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`<td width="1%"><div id="VNC_buttons">`
Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`<input type=button value="Send CtrlAltDel"`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`id="sendCtrlAltDelButton">`
			`</div></td>`
Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`</tr></table>`
			`</div>`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`<canvas id="VNC_canvas" width="640px" height="20px">`
			`Canvas not supported.`
			`</canvas>`
			`</div>`

New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`<script>`
			`/jslint white: false /`
			`/global window, $, Util, RFB, /`
			`"use strict";`

			`var rfb;`

Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`function setPassword() {`
Make compatible with jQuery. Slight API change. 2010-12-10 08:25:36 -06:00			`rfb.sendPassword($D('password_input').value);`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`return false;`
			`}`
Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`function sendCtrlAltDel() {`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`rfb.sendCtrlAltDel();`
Query string cleanup and move it to util.js 2010-07-22 11:33:21 -05:00			`return false;`
Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`}`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`function updateState(rfb, state, oldstate, msg) {`
			`var s, sb, cad, klass;`
Make compatible with jQuery. Slight API change. 2010-12-10 08:25:36 -06:00			`s = $D('VNC_status');`
			`sb = $D('VNC_status_bar');`
			`cad = $D('sendCtrlAltDelButton');`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`switch (state) {`
State machine refactoring. 2010-07-15 19:38:25 -05:00			`case 'failed':`
			`case 'fatal':`
			`klass = "VNC_status_error";`
			`break;`
			`case 'normal':`
			`klass = "VNC_status_normal";`
			`break;`
			`case 'disconnected':`
			`case 'loaded':`
			`klass = "VNC_status_normal";`
			`break;`
			`case 'password':`
			`msg = '<form onsubmit="return setPassword();"';`
			`msg += ' style="margin-bottom: 0px">';`
			`msg += 'Password Required: ';`
			`msg += '<input type=password size=10 id="password_input" class="VNC_status">';`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`msg += '<\/form>';`
			`klass = "VNC_status_warn";`
			`break;`
State machine refactoring. 2010-07-15 19:38:25 -05:00			`default:`
			`klass = "VNC_status_warn";`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`}`

Disabled ctrlAltDel button when N/A. 2010-06-15 17:56:38 -05:00			`if (state === "normal") { cad.disabled = false; }`
			`else { cad.disabled = true; }`

Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`if (typeof(msg) !== 'undefined') {`
Add CtrlAltDel send button to status bar. 2010-06-15 17:47:01 -05:00			`sb.setAttribute("class", klass);`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`s.innerHTML = msg;`
			`}`
			`}`

			`window.onload = function () {`
API changes. Client cursor and settings menu. 2010-07-21 20:34:23 -05:00			`var host, port, password;`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00
Make compatible with jQuery. Slight API change. 2010-12-10 08:25:36 -06:00			`$D('sendCtrlAltDelButton').onclick = sendCtrlAltDel;`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00
Split util into two file: 2010-09-30 03:11:23 +08:00			`host = WebUtil.getQueryVar('host', null);`
			`port = WebUtil.getQueryVar('port', null);`
			`password = WebUtil.getQueryVar('password', '');`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`if ((!host) \|\| (!port)) {`
			`updateState('failed',`
			`"Must specify host and port in URL");`
			`return;`
			`}`

Make compatible with jQuery. Slight API change. 2010-12-10 08:25:36 -06:00			`rfb = new RFB({'target': $D('VNC_canvas'),`
			`'encrypt': WebUtil.getQueryVar('encrypt', false),`
Expose VNC shared mode setting in UIs. 2010-10-24 18:34:50 -05:00			`'true_color': WebUtil.getQueryVar('true_color', true),`
			`'local_cursor': WebUtil.getQueryVar('cursor', true),`
			`'shared': WebUtil.getQueryVar('shared', true),`
			`'updateState': updateState});`
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`rfb.connect(host, port, password);`
			`};`
			`</script>`
API changes. Client cursor and settings menu. 2010-07-21 20:34:23 -05:00
New API. Refactor Canvas and RFB objects. 2010-08-02 17:07:27 -05:00			`</body>`
Direct example. Move all DOM code default_controls.js. 2010-06-02 17:08:25 -05:00			`</html>`