]>
Commit | Line | Data |
---|---|---|
53fc7392 | 1 | <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd"> |
5299db1a | 2 | <html> |
53fc7392 CG |
3 | <head> |
4 | ||
5299db1a | 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 | ||
a5df24b4 JM |
18 | <!-- Apple iOS Safari settings --> |
19 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | |
01a9eee9 | 20 | <meta name="apple-mobile-web-app-capable" content="yes" /> |
a5df24b4 JM |
21 | <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" /> |
22 | <!-- App Start Icon --> | |
5299db1a | 23 | <link rel="apple-touch-startup-image" href="images/screen_320x460.png" /> |
a5df24b4 JM |
24 | <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen --> |
25 | <link rel="apple-touch-icon" href="images/screen_57x57.png"> | |
01a9eee9 | 26 | <!-- |
5299db1a | 27 | <link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" /> |
01a9eee9 | 28 | --> |
a5df24b4 | 29 | |
5299db1a | 30 | |
01a9eee9 JM |
31 | <!-- Stylesheets --> |
32 | <link rel="stylesheet" href="include/base.css" /> | |
53fc7392 | 33 | <link rel="alternate stylesheet" href="include/black.css" TITLE="Black" /> |
01a9eee9 JM |
34 | <link rel="alternate stylesheet" href="include/blue.css" TITLE="Blue" /> |
35 | ||
01a9eee9 | 36 | <!-- |
5299db1a | 37 | <script type='text/javascript' |
01a9eee9 JM |
38 | src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> |
39 | --> | |
40 | ||
41 | <script src="include/vnc.js"></script> | |
42 | <script src="include/ui.js"></script> | |
43 | ||
5299db1a | 44 | </head> |
65e27ddd | 45 | |
53fc7392 | 46 | <body> |
01a9eee9 JM |
47 | <div id="noVNC-control-bar"> |
48 | <!--noVNC Mobile Device only Buttons--> | |
a5df24b4 | 49 | <div class="noVNC-buttons-left"> |
5299db1a | 50 | <input type="image" src="images/drag.png" |
a5df24b4 | 51 | id="noVNC_view_drag_button" class="noVNC_status_button" |
938daad1 | 52 | title="Move/Drag Viewport" |
a5df24b4 JM |
53 | onclick="UI.setViewDrag();"> |
54 | <div id="noVNC_mobile_buttons"> | |
5299db1a JM |
55 | <input type="image" src="images/mouse_none.png" |
56 | id="noVNC_mouse_button0" class="noVNC_status_button" | |
a5df24b4 | 57 | onclick="UI.setMouseButton(1);"> |
5299db1a JM |
58 | <input type="image" src="images/mouse_left.png" |
59 | id="noVNC_mouse_button1" class="noVNC_status_button" | |
a5df24b4 | 60 | onclick="UI.setMouseButton(2);"> |
5299db1a JM |
61 | <input type="image" src="images/mouse_middle.png" |
62 | id="noVNC_mouse_button2" class="noVNC_status_button" | |
a5df24b4 | 63 | onclick="UI.setMouseButton(4);"> |
5299db1a JM |
64 | <input type="image" src="images/mouse_right.png" |
65 | id="noVNC_mouse_button4" class="noVNC_status_button" | |
a5df24b4 | 66 | onclick="UI.setMouseButton(0);"> |
5299db1a JM |
67 | <input type="image" src="images/keyboard.png" |
68 | id="showKeyboard" class="noVNC_status_button" | |
a5df24b4 JM |
69 | value="Keyboard" title="Show Keyboard" |
70 | onclick="UI.showKeyboard()"/> | |
5299db1a | 71 | <input type="email" |
a7db5059 | 72 | autocapitalize="off" autocorrect="off" |
a5df24b4 | 73 | id="keyboardinput" class="noVNC_status_button" |
938daad1 | 74 | onKeyDown="onKeyDown(event);" onblur="UI.keyInputBlur();"/> |
a5df24b4 | 75 | </div> |
01a9eee9 JM |
76 | </div> |
77 | ||
78 | <!--noVNC Buttons--> | |
608e0f52 | 79 | <div class="noVNC-buttons-right"> |
5299db1a JM |
80 | <input type="image" src="images/ctrlaltdel.png" |
81 | id="sendCtrlAltDelButton" class="noVNC_status_button" | |
82 | title="Send Ctrl-Alt-Del" | |
a5df24b4 | 83 | onclick="UI.sendCtrlAltDel();" /> |
5299db1a | 84 | <input type="image" src="images/clipboard.png" |
a5df24b4 | 85 | id="clipboardButton" class="noVNC_status_button" |
5299db1a | 86 | title="Clipboard" |
c506a481 | 87 | onclick="UI.toggleClipboardPanel();" /> |
5299db1a | 88 | <input type="image" src="images/settings.png" |
c506a481 | 89 | id="settingsButton" class="noVNC_status_button" |
5299db1a | 90 | title="Settings" |
c506a481 | 91 | onclick="UI.toggleSettingsPanel();" /> |
5299db1a | 92 | <input type="image" src="images/connect.png" |
938daad1 | 93 | id="connectButton" class="noVNC_status_button_selected" |
5299db1a | 94 | title="Connect" |
c506a481 | 95 | onclick="UI.toggleConnectPanel()" /> |
5299db1a | 96 | <input type="image" src="images/disconnect.png" |
a5df24b4 | 97 | id="disconnectButton" class="noVNC_status_button" |
5299db1a | 98 | title="Disconnect" |
a5df24b4 | 99 | onclick="UI.disconnect()" /> |
01a9eee9 JM |
100 | </div> |
101 | ||
102 | <!-- Clipboard Panel --> | |
103 | <div id="noVNC_clipboard" class="triangle-right top"> | |
a5df24b4 | 104 | <textarea id="noVNC_clipboard_text" rows=5 |
01a9eee9 JM |
105 | onfocus="UI.displayBlur();" onblur="UI.displayFocus();" |
106 | onchange="UI.clipSend();"> | |
107 | </textarea> | |
108 | <br /> | |
109 | <input id="noVNC_clipboard_clear_button" type="button" | |
110 | value="Clear" onclick="UI.clipClear();"> | |
111 | </div> | |
112 | ||
113 | <!-- Settings Panel --> | |
a5df24b4 | 114 | <div id="noVNC_settings" class="triangle-right top"> |
01a9eee9 JM |
115 | <span id="noVNC_settings_menu" onmouseover="UI.displayBlur();" |
116 | onmouseout="UI.displayFocus();"> | |
117 | <ul> | |
118 | <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li> | |
119 | <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li> | |
120 | <li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li> | |
06a9ef0c | 121 | <li><input id="noVNC_clip" type="checkbox"> Clip to Window</li> |
01a9eee9 | 122 | <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li> |
06a9ef0c | 123 | <li><input id="noVNC_view_only" type="checkbox"> View Only</li> |
01a9eee9 | 124 | <li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li> |
523cc4d6 | 125 | <li><input id="noVNC_path" type="input" value="websockify"> Path</li> |
01a9eee9 JM |
126 | <hr> |
127 | <!-- Stylesheet selection dropdown --> | |
128 | <li><label><strong>Style: </strong> | |
129 | <select id="noVNC_stylesheet" name="vncStyle"> | |
130 | <option value="default">default</option> | |
131 | </select></label> | |
132 | </li> | |
133 | ||
134 | <!-- Logging selection dropdown --> | |
135 | <li><label><strong>Logging: </strong> | |
136 | <select id="noVNC_logging" name="vncLogging"> | |
137 | </select></label> | |
138 | </li> | |
139 | <hr> | |
140 | <li><input type="button" id="noVNC_apply" value="Apply" | |
141 | onclick="UI.settingsApply()"></li> | |
142 | </ul> | |
143 | </span> | |
144 | </div> | |
145 | ||
146 | <!-- Connection Panel --> | |
147 | <div id="noVNC_controls" class="triangle-right top"> | |
148 | <ul> | |
149 | <li><label><strong>Host: </strong><input id="noVNC_host" /></label></li> | |
150 | <li><label><strong>Port: </strong><input id="noVNC_port" /></label></li> | |
151 | <li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li> | |
152 | <li><input id="noVNC_connect_button" type="button" value="Connect" onclick="UI.connect();"></li> | |
153 | </ul> | |
154 | </div> | |
155 | ||
156 | </div> <!-- End of noVNC-control-bar --> | |
157 | ||
b70ce077 | 158 | |
01a9eee9 | 159 | <div id="noVNC_screen"> |
b70ce077 JM |
160 | <div id="noVNC_screen_pad"></div> |
161 | ||
162 | <div id="noVNC_status_bar" class="noVNC_status_bar"> | |
01a9eee9 JM |
163 | <div id="noVNC_status">Loading</div> |
164 | </div> | |
5299db1a | 165 | |
b70ce077 | 166 | <h1 id="noVNC_logo"><span>no</span><br />VNC</h1> |
a5df24b4 JM |
167 | |
168 | <!-- HTML5 Canvas --> | |
169 | <div id="noVNC_container"> | |
170 | <canvas id="noVNC_canvas" width="640px" height="20px"> | |
171 | Canvas not supported. | |
172 | </canvas> | |
173 | </div> | |
174 | ||
01a9eee9 | 175 | </div> |
5299db1a | 176 | |
01a9eee9 JM |
177 | <script> |
178 | window.onload = UI.load; | |
179 | </script> | |
53fc7392 | 180 | </body> |
65e27ddd | 181 | </html> |