[mirror_novnc.git] / vnc_auto.html

<!-- 
noVNC Example: Automatically connect on page load.

Connect parameters are provided in query string:
    http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
-->
<html>
    <head>
        <title>VNC Client</title>
        <link rel="stylesheet" href="include/plain.css" TITLE="plain">
        <link rel="Alternate StyleSheet" href="include/black.css" TITLE="Black">
        <!--
        <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"
                            onclick="sendCtrlAltDel();"></div></td>
                </tr></table>
            </div>
            <canvas id="VNC_canvas" width="640px" height="20px">
                Canvas not supported.
            </canvas>
        </div>
    </body>

    <script>
        function setPassword() {
            RFB.sendPassword($('password_input').value);
            return false;
        }
        function sendCtrlAltDel() {
            RFB.sendCtrlAltDel();
            return false;
        }
        function updateState(state, msg) {
            var s, sb, klass, html;
            s = $('VNC_status');
            sb = $('VNC_status_bar');
            cad = $('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>';
                    // Fall through
                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;

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

            RFB.setEncrypt(Util.getQueryVar('encrypt', true));
            RFB.setBase64(Util.getQueryVar('base64', true));
            RFB.setTrueColor(Util.getQueryVar('true_color', true));
            RFB.setCursor(Util.getQueryVar('cursor', true));
            RFB.setUpdateState(updateState);

            RFB.load();
            RFB.connect(host, port, password);
        }
    </script>
</html>
Commit	Line	Data
91308399 JM	1	<!--
	2	noVNC Example: Automatically connect on page load.
	3
	4	Connect parameters are provided in query string:
	5	http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
	6	-->
	7	<html>
	8	<head>
	9	<title>VNC Client</title>
7c81747b JM	10	<link rel="stylesheet" href="include/plain.css" TITLE="plain">
7c81747b JM	11	<link rel="Alternate StyleSheet" href="include/black.css" TITLE="Black">
a93c9555 JM	12	<!--
	13	<script type='text/javascript'
	14	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	15	-->
	16	<script src="include/vnc.js"></script>
91308399 JM	17	</head>
91308399 JM	18
63708ff5	19	<body style="margin: 0px;">
91308399	20	<div id="VNC_screen">
63708ff5 JM	21	<div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">
	22	<table border=0 width=100%><tr>
	23	<td><div id="VNC_status">Loading</div></td>
da6dd893	24	<td width=1%><div id="VNC_buttons">
63708ff5	25	<input type=button value="Send CtrlAltDel"
160fabf6	26	id="sendCtrlAltDelButton"
63708ff5 JM	27	onclick="sendCtrlAltDel();"></div></td>
	28	</tr></table>
	29	</div>
91308399 JM	30	<canvas id="VNC_canvas" width="640px" height="20px">
	31	Canvas not supported.
	32	</canvas>
	33	</div>
	34	</body>
	35
91308399 JM	36	<script>
91308399 JM	37	function setPassword() {
63708ff5	38	RFB.sendPassword($('password_input').value);
91308399 JM	39	return false;
91308399 JM	40	}
63708ff5 JM	41	function sendCtrlAltDel() {
63708ff5 JM	42	RFB.sendCtrlAltDel();
a8edf9d8	43	return false;
63708ff5	44	}
91308399	45	function updateState(state, msg) {
63708ff5	46	var s, sb, klass, html;
91308399	47	s = $('VNC_status');
63708ff5	48	sb = $('VNC_status_bar');
160fabf6	49	cad = $('sendCtrlAltDelButton');
91308399	50	switch (state) {
f00b1e37 JM	51	case 'failed':
	52	case 'fatal':
	53	klass = "VNC_status_error";
	54	break;
	55	case 'normal':
	56	klass = "VNC_status_normal";
	57	break;
	58	case 'disconnected':
	59	case 'loaded':
	60	klass = "VNC_status_normal";
	61	break;
	62	case 'password':
	63	msg = '<form onsubmit="return setPassword();"';
	64	msg += ' style="margin-bottom: 0px">';
	65	msg += 'Password Required: ';
	66	msg += '<input type=password size=10 id="password_input" class="VNC_status">';
	67	msg += '</form>';
	68	// Fall through
	69	default:
	70	klass = "VNC_status_warn";
91308399 JM	71	}
91308399 JM	72
160fabf6 JM	73	if (state === "normal") { cad.disabled = false; }
	74	else { cad.disabled = true; }
	75
91308399	76	if (typeof(msg) !== 'undefined') {
63708ff5	77	sb.setAttribute("class", klass);
91308399 JM	78	s.innerHTML = msg;
91308399 JM	79	}
91308399 JM	80	}
	81
	82	window.onload = function () {
da6dd893	83	var host, port, password;
91308399	84
a8edf9d8 JM	85	host = Util.getQueryVar('host', null);
	86	port = Util.getQueryVar('port', null);
	87	password = Util.getQueryVar('password', '');
91308399 JM	88	if ((!host) \|\| (!port)) {
	89	updateState('failed',
	90	"Must specify host and port in URL");
	91	return;
	92	}
	93
a8edf9d8 JM	94	RFB.setEncrypt(Util.getQueryVar('encrypt', true));
	95	RFB.setBase64(Util.getQueryVar('base64', true));
	96	RFB.setTrueColor(Util.getQueryVar('true_color', true));
	97	RFB.setCursor(Util.getQueryVar('cursor', true));
91308399	98	RFB.setUpdateState(updateState);
da6dd893	99
91308399	100	RFB.load();
da6dd893	101	RFB.connect(host, port, password);
91308399 JM	102	}
	103	</script>
	104	</html>
	105