[mirror_novnc.git] / vnc.html

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">
<html>    
<head>

   <!-- 
    noVNC example: simple example using default UI
    Copyright (C) 2011 Joel Martin
    Licensed under LGPL-3 (see LICENSE.txt)
    -->
    <title>noVNC</title>

    <meta charset="utf-8">

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
                Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport" content="user-scalable=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--
    <meta name="viewport" content="width=device-width,height=device-height" />
    -->
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="include/base.css" />
    <link rel="alternate stylesheet" href="include/black.css" TITLE="Black" />
    <link rel="alternate stylesheet" href="include/blue.css" TITLE="Blue" />

    <!-- Google web fonts -->
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Nova+Square|Orbitron:400,500,700,900|Nova+Round|Nova+Mono|Nova+Slim|Nova+Oval|Nova+Flat|Nova+Cut' rel='stylesheet' type='text/css'>       
    <!-- App Start Icon  -->
    <link rel="apple-touch-startup-image" href="images/screen_640x435.png" /> 

    <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
    <link rel="apple-touch-icon" href="images/mobileicon.png">
    <link rel="apple-touch-icon-precomposed" href="images/mobileicon.png" /> 

    <!--
    <script type='text/javascript'  
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
    -->

    <script src="include/vnc.js"></script>
    <script src="include/ui.js"></script>

</head> 

<body>
    <div id="noVNC-control-bar">
        <!--noVNC Mobile Device only Buttons-->
        <div id="noVNC_mobile_buttons"> 
            <nobr>
                <span class="noVNC_mouse_buttons">
                    <input type="button" class="noVNC_status_button"
                        id="noVNC_mouse_button1" value="L"
                        onclick="UI.setMouseButton(1);">
                    <input type="button" class="noVNC_status_button"
                        id="noVNC_mouse_button2" value="M"
                        onclick="UI.setMouseButton(2);">
                    <input type="button" class="noVNC_status_button"
                        id="noVNC_mouse_button4" value="R"
                        onclick="UI.setMouseButton(4);">
                    <input type="button" id="showKeyboard"
                        value="Keyboard" class="noVNC_status_button"
                        onclick="UI.showKeyboard()"/>
                </span>
            </nobr>
        </div>

        <!--noVNC Buttons-->
        <div id="noVNC_buttons_right">
            <input type="button" class="noVNC_status_button"
                style="float:left;" value="CtrlAltDel" id="sendCtrlAltDelButton"
                onclick="UI.sendCtrlAltDel();">
            <input type="button" id="clipboardbutton" value="Clipboard"
                onclick="UI.showClipboard();"/>
            <input type="button" class="VNC_status_button"
                value="Settings" id="menuButton"
                onclick="UI.clickSettingsMenu();">
            <input type="button" id="connectPanelbutton"
                value="Connection" class="VNC_status_button"
                onclick="UI.connectPanelbutton()" />
        </div>

        <!-- Clipboard Panel -->
        <div id="noVNC_clipboard" class="triangle-right top">
            <textarea id="noVNC_clipboard_text" cols=88 rows=5
                onfocus="UI.displayBlur();" onblur="UI.displayFocus();"
                onchange="UI.clipSend();">
            </textarea>
            <br />
            <input id="noVNC_clipboard_clear_button" type="button"
                value="Clear" onclick="UI.clipClear();">
        </div>

        <!-- Settings Panel -->
        <div id="noVNC_Settings" class="triangle-right top">
            <span id="noVNC_settings_menu" onmouseover="UI.displayBlur();"
                                           onmouseout="UI.displayFocus();">
                <ul>
                    <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
                    <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
                    <li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
                    <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
                    <li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li>
                    <hr>
                    <!-- Stylesheet selection dropdown -->
                    <li><label><strong>Style: </strong>
                        <select id="noVNC_stylesheet" name="vncStyle">
                            <option value="default">default</option>
                        </select></label>
                    </li>

                    <!-- Logging selection dropdown -->
                    <li><label><strong>Logging: </strong>
                        <select id="noVNC_logging" name="vncLogging">
                        </select></label>
                    </li>
                    <hr>
                    <li><input type="button" id="noVNC_apply" value="Apply"
                         onclick="UI.settingsApply()"></li>
                </ul>
            </span>
        </div>

        <!-- Connection Panel -->
        <div id="noVNC_controls" class="triangle-right top">
            <ul>
                <li><label><strong>Host: </strong><input id="noVNC_host" /></label></li>
                <li><label><strong>Port: </strong><input id="noVNC_port" /></label></li>
                <li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li>
                <li><input id="noVNC_connect_button" type="button" value="Connect" onclick="UI.connect();"></li>
            </ul>
        </div>

    </div> <!-- End of noVNC-control-bar -->


    <div id="noVNC_screen">
        <div id="noVNC_screen_pad"></div>

        <div id="noVNC_status_bar" class="noVNC_status_bar">
                <div id="noVNC_status">Loading</div>
        </div>
        
        <!-- HTML5 Canvas -->
        <h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
        <canvas id="noVNC_canvas" width="640px" height="20px">
                    Canvas not supported.
        </canvas>
        
        <input id="keyboardinput" type="text" onKeyDown="onKeyDown(event);"/>
    </div>
  
    <script>
        window.onload = UI.load;
    </script>
 </body>
</html>
Commit	Line	Data
53fc7392 CG	1	<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">
	2	<html>
	3	<head>
	4
	5	<!--
f7ec5b2c	6	noVNC example: simple example using default UI
d0c29bb6	7	Copyright (C) 2011 Joel Martin
5f409eee	8	Licensed under LGPL-3 (see LICENSE.txt)
d595e656	9	-->
01a9eee9	10	<title>noVNC</title>
53fc7392	11
01a9eee9 JM	12	<meta charset="utf-8">
	13
	14	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
	15	Remove this if you use the .htaccess -->
	16	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	17
	18	<meta name="viewport" content="user-scalable=1" />
	19	<meta name="apple-mobile-web-app-capable" content="yes" />
	20	<!--
	21	<meta name="viewport" content="width=device-width,height=device-height" />
	22	-->
53fc7392	23
01a9eee9 JM	24	<!-- Stylesheets -->
01a9eee9 JM	25	<link rel="stylesheet" href="include/base.css" />
53fc7392	26	<link rel="alternate stylesheet" href="include/black.css" TITLE="Black" />
01a9eee9 JM	27	<link rel="alternate stylesheet" href="include/blue.css" TITLE="Blue" />
	28
	29	<!-- Google web fonts -->
	30	<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz\|Nova+Square\|Orbitron:400,500,700,900\|Nova+Round\|Nova+Mono\|Nova+Slim\|Nova+Oval\|Nova+Flat\|Nova+Cut' rel='stylesheet' type='text/css'>
	31	<!-- App Start Icon -->
	32	<link rel="apple-touch-startup-image" href="images/screen_640x435.png" />
	33
	34	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
	35	<link rel="apple-touch-icon" href="images/mobileicon.png">
	36	<link rel="apple-touch-icon-precomposed" href="images/mobileicon.png" />
	37
	38	<!--
	39	<script type='text/javascript'
	40	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	41	-->
	42
	43	<script src="include/vnc.js"></script>
	44	<script src="include/ui.js"></script>
	45
53fc7392	46	</head>
65e27ddd	47
53fc7392	48	<body>
01a9eee9 JM	49	<div id="noVNC-control-bar">
	50	<!--noVNC Mobile Device only Buttons-->
	51	<div id="noVNC_mobile_buttons">
	52	<nobr>
	53	<span class="noVNC_mouse_buttons">
	54	<input type="button" class="noVNC_status_button"
	55	id="noVNC_mouse_button1" value="L"
	56	onclick="UI.setMouseButton(1);">
	57	<input type="button" class="noVNC_status_button"
	58	id="noVNC_mouse_button2" value="M"
	59	onclick="UI.setMouseButton(2);">
	60	<input type="button" class="noVNC_status_button"
	61	id="noVNC_mouse_button4" value="R"
	62	onclick="UI.setMouseButton(4);">
	63	<input type="button" id="showKeyboard"
	64	value="Keyboard" class="noVNC_status_button"
	65	onclick="UI.showKeyboard()"/>
	66	</span>
	67	</nobr>
	68	</div>
	69
	70	<!--noVNC Buttons-->
6ea8bece	71	<div id="noVNC_buttons_right">
01a9eee9 JM	72	<input type="button" class="noVNC_status_button"
	73	style="float:left;" value="CtrlAltDel" id="sendCtrlAltDelButton"
	74	onclick="UI.sendCtrlAltDel();">
	75	<input type="button" id="clipboardbutton" value="Clipboard"
	76	onclick="UI.showClipboard();"/>
	77	<input type="button" class="VNC_status_button"
	78	value="Settings" id="menuButton"
	79	onclick="UI.clickSettingsMenu();">
	80	<input type="button" id="connectPanelbutton"
b70ce077 JM	81	value="Connection" class="VNC_status_button"
b70ce077 JM	82	onclick="UI.connectPanelbutton()" />
01a9eee9 JM	83	</div>
	84
	85	<!-- Clipboard Panel -->
	86	<div id="noVNC_clipboard" class="triangle-right top">
	87	<textarea id="noVNC_clipboard_text" cols=88 rows=5
	88	onfocus="UI.displayBlur();" onblur="UI.displayFocus();"
	89	onchange="UI.clipSend();">
	90	</textarea>
	91	<br />
	92	<input id="noVNC_clipboard_clear_button" type="button"
	93	value="Clear" onclick="UI.clipClear();">
	94	</div>
	95
	96	<!-- Settings Panel -->
	97	<div id="noVNC_Settings" class="triangle-right top">
	98	<span id="noVNC_settings_menu" onmouseover="UI.displayBlur();"
	99	onmouseout="UI.displayFocus();">
	100	<ul>
	101	<li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
	102	<li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
	103	<li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
	104	<li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
	105	<li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li>
	106	<hr>
	107	<!-- Stylesheet selection dropdown -->
	108	<li><label><strong>Style: </strong>
	109	<select id="noVNC_stylesheet" name="vncStyle">
	110	<option value="default">default</option>
	111	</select></label>
	112	</li>
	113
	114	<!-- Logging selection dropdown -->
	115	<li><label><strong>Logging: </strong>
	116	<select id="noVNC_logging" name="vncLogging">
	117	</select></label>
	118	</li>
	119	<hr>
	120	<li><input type="button" id="noVNC_apply" value="Apply"
	121	onclick="UI.settingsApply()"></li>
	122	</ul>
	123	</span>
	124	</div>
	125
	126	<!-- Connection Panel -->
	127	<div id="noVNC_controls" class="triangle-right top">
	128	<ul>
	129	<li><label><strong>Host: </strong><input id="noVNC_host" /></label></li>
	130	<li><label><strong>Port: </strong><input id="noVNC_port" /></label></li>
	131	<li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li>
	132	<li><input id="noVNC_connect_button" type="button" value="Connect" onclick="UI.connect();"></li>
	133	</ul>
	134	</div>
	135
	136	</div> <!-- End of noVNC-control-bar -->
	137
b70ce077	138
01a9eee9	139	<div id="noVNC_screen">
b70ce077 JM	140	<div id="noVNC_screen_pad"></div>
	141
	142	<div id="noVNC_status_bar" class="noVNC_status_bar">
01a9eee9 JM	143	<div id="noVNC_status">Loading</div>
	144	</div>
	145
	146	<!-- HTML5 Canvas -->
b70ce077	147	<h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
01a9eee9 JM	148	<canvas id="noVNC_canvas" width="640px" height="20px">
	149	Canvas not supported.
	150	</canvas>
	151
	152	<input id="keyboardinput" type="text" onKeyDown="onKeyDown(event);"/>
	153	</div>
53fc7392	154
01a9eee9 JM	155	<script>
	156	window.onload = UI.load;
	157	</script>
53fc7392	158	</body>
65e27ddd	159	</html>