1 <!DOCTYPE html PUBLIC
"-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">
6 noVNC example: simple example using default UI
7 Copyright (C) 2011 Joel Martin
8 Licensed under LGPL-3 (see LICENSE.txt)
11 <meta charset=
"utf-8">
13 <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
14 Remove this if you use the .htaccess -->
16 <meta http-equiv=
"X-UA-Compatible" content=
"IE=edge,chrome=1">
20 <meta name=
"viewport" content=
"user-scalable=1" />
21 <meta http-equiv=
"X-UA-Compatible" content=
"chrome=1" />
24 <link rel=
"stylesheet" href=
"include/base.css" />
25 <link rel=
"alternate stylesheet" href=
"include/black.css" TITLE=
"Black" />
26 <link rel=
"alternate stylesheet" href=
"include/blue.css" TITLE=
"Blue" />
28 <!-- Google web fonts -->
29 <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'
>
32 <script type='text/javascript'
33 src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
36 <script src=
"include/vnc.js"></script>
37 <script src=
"include/ui.js"></script>
39 <meta name=
"apple-mobile-web-app-capable" content=
"yes" />
41 <meta name="viewport" content="width=device-width,height=device-height" />
44 <!-- App Start Icon -->
45 <link rel=
"apple-touch-startup-image" href=
"images/screen_640x435.png" />
47 <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
48 <link rel=
"apple-touch-icon" href=
"images/mobileicon.png">
49 <link rel=
"apple-touch-icon-precomposed" href=
"images/mobileicon.png" />
54 <div id=
"noVNC-control-bar">
55 <!--noVNC Mobile Device only Buttons-->
56 <div id=
"noVNC_mobile_buttons">
58 <span class=
"noVNC_mouse_buttons">
59 <input type=
"button" class=
"noVNC_status_button" id=
"noVNC_mouse_button1" value=
"L" onclick=
"UI.setMouseButton(1);">
60 <input type=
"button" class=
"noVNC_status_button" id=
"noVNC_mouse_button2" value=
"M" onclick=
"UI.setMouseButton(2);">
61 <input type=
"button" class=
"noVNC_status_button" id=
"noVNC_mouse_button4" value=
"R" onclick=
"UI.setMouseButton(4);">
62 <input type=
"button" id=
"showKeyboard" onclick=
"UI.showKeyboard()" value=
"Keyboard" class=
"noVNC_status_button"/>
68 <div class=
"noVNC_mobile_buttons_right">
69 <input type=
"button" class=
"noVNC_status_button" style=
"float:left;" value=
"CtrlAltDel" id=
"sendCtrlAltDelButton" onclick=
"UI.sendCtrlAltDel();">
70 <input type=
"button" id=
"clipboardbutton" onclick=
"UI.showClipboard();" value=
"Clipboard" />
71 <input type=
"button" class=
"VNC_status_button" value=
"Settings" id=
"menuButton" onclick=
"UI.clickSettingsMenu();">
72 <input type=
"button" id=
"connectPanelbutton" class=
"VNC_status_button" style=
"width:100px;" onclick=
"UI.connectPanelbutton()" value=
"Connection" />
75 <!-- Clipboard Panel -->
76 <div id=
"noVNC_clipboard" class=
"triangle-right top">
77 <textarea id=
"noVNC_clipboard_text" cols=
88 rows=
5 onfocus=
"UI.displayBlur();" onblur=
"UI.displayFocus();" onchange=
"UI.clipSend();">
80 <input id=
"noVNC_clipboard_clear_button" type=
"button" value=
"Clear" onclick=
"UI.clipClear();">
83 <!-- Settings Panel -->
84 <div id=
"noVNC_Settings" class=
"triangle-right top">
85 <span id=
"noVNC_settings_menu" onmouseover=
"UI.displayBlur();" onmouseout=
"UI.displayFocus();">
87 <li><input id=
"noVNC_encrypt" type=
"checkbox"> Encrypt
</li>
88 <li><input id=
"noVNC_true_color" type=
"checkbox" checked
> True Color
</li>
89 <li><input id=
"noVNC_cursor" type=
"checkbox"> Local Cursor
</li>
90 <li><input id=
"noVNC_shared" type=
"checkbox"> Shared Mode
</li>
91 <li><input id=
"noVNC_connectTimeout" type=
"input"> Connect Timeout (s)
</li>
93 <!-- Stylesheet selection dropdown -->
94 <li><label><strong>Style:
</strong>
95 <select id=
"noVNC_stylesheet" name=
"vncStyle">
96 <option value=
"default">default
</option>
100 <!-- Logging selection dropdown -->
101 <li><label><strong>Logging:
</strong>
102 <select id=
"noVNC_logging" name=
"vncLogging">
106 <li><input type=
"button" id=
"noVNC_apply" value=
"Apply" onclick=
"UI.settingsApply()"></li>
111 <!-- Connection Panel -->
112 <div id=
"noVNC_controls" class=
"triangle-right top">
114 <li><label><strong>Host:
</strong><input id=
"noVNC_host" /></label></li>
115 <li><label><strong>Port:
</strong><input id=
"noVNC_port" /></label></li>
116 <li><label><strong>Password:
</strong><input id=
"noVNC_password" type=
"password" /></label></li>
117 <li><input id=
"noVNC_connect_button" type=
"button" value=
"Connect" onclick=
"UI.connect();"></li>
123 <div id=
"noVNC_screen">
124 <div id=
"noVNC_status_bar" class=
"noVNC_status_bar" style=
"margin-top: 0px;">
125 <div id=
"noVNC_status">Loading
</div>
128 <!-- HTML5 Canvas -->
129 <h1 id=
"noVNC_defaultScreen"><span>no
</span><br />VNC
</h1>
130 <canvas id=
"noVNC_canvas" width=
"640px" height=
"20px">
131 Canvas not supported.
134 <input id=
"keyboardinput" type=
"text" onKeyDown=
"onKeyDown(event);"/>
138 window.onload = UI.load;