vnc.html

   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    <!--
   6     noVNC example: simple example using default UI
   7     Copyright (C) 2011 Joel Martin
   8     Licensed under LGPL-3 (see LICENSE.txt)
   9     -->
  10     <title>noVNC</title>
  11
  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     <!-- Apple iOS Safari settings -->
  19     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  20     <meta name="apple-mobile-web-app-capable" content="yes" />
  21     <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  22     <!-- App Start Icon  -->
  23     <link rel="apple-touch-startup-image" href="images/screen_320x460.png" />
  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">
  26     <!--
  27     <link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" />
  28     -->
  29
  30
  31     <!-- Stylesheets -->
  32     <link rel="stylesheet" href="include/base.css" />
  33     <link rel="alternate stylesheet" href="include/black.css" TITLE="Black" />
  34     <link rel="alternate stylesheet" href="include/blue.css" TITLE="Blue" />
  35
  36     <!--
  37     <script type='text/javascript'
  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
  44 </head>
  45
  46 <body>
  47     <div id="noVNC-control-bar">
  48         <!--noVNC Mobile Device only Buttons-->
  49         <div class="noVNC-buttons-left">
  50             <input type="image" src="images/drag_sml.png"
  51                 id="noVNC_view_drag_button" class="noVNC_status_button"
  52                 title="Move/Drag Viewport"
  53                 onclick="UI.setViewDrag();">
  54             <div id="noVNC_mobile_buttons">
  55                 <input type="image" src="images/nobutton_mouse.png"
  56                     class="noVNC_status_button"
  57                     id="noVNC_mouse_button0"
  58                     onclick="UI.setMouseButton(1);">
  59                 <input type="image" src="images/left_mouse.png"
  60                     class="noVNC_status_button"
  61                     id="noVNC_mouse_button1"
  62                     onclick="UI.setMouseButton(2);">
  63                 <input type="image" src="images/middle_mouse.png"
  64                     class="noVNC_status_button"
  65                     id="noVNC_mouse_button2"
  66                     onclick="UI.setMouseButton(4);">
  67                 <input type="image" src="images/right_mouse.png"
  68                     class="noVNC_status_button"
  69                     id="noVNC_mouse_button4"
  70                     onclick="UI.setMouseButton(0);">
  71                 <input type="image" src="images/keyboard_sml.png"
  72                     id="showKeyboard" class="noVNC_status_button"
  73                     value="Keyboard" title="Show Keyboard"
  74                     onclick="UI.showKeyboard()"/>
  75                 <input type="url"
  76                     autocapitalize="off" autocorrect="off"
  77                     id="keyboardinput" class="noVNC_status_button"
  78                     onKeyDown="onKeyDown(event);" onblur="UI.keyInputBlur();"/>
  79             </div>
  80         </div>
  81
  82         <!--noVNC Buttons-->
  83         <div class="noVNC-buttons-right">
  84             <input type="image" src="images/ctrlaltdel_sml.png"
  85                 class="noVNC_status_button"
  86                 value="CtrlAltDel" id="sendCtrlAltDelButton"
  87                 onclick="UI.sendCtrlAltDel();" />
  88             <input type="image" src="images/clipboard_sml.png"
  89                 id="clipboardButton" class="noVNC_status_button"
  90                 value="Clipboard" title="Clipboard"
  91                 onclick="UI.toggleClipboardPanel();" />
  92             <input type="image" src="images/settings_sml.png"
  93                 id="settingsButton" class="noVNC_status_button"
  94                 value="Settings" title="Settings"
  95                 onclick="UI.toggleSettingsPanel();" />
  96             <input type="image" src="images/connect_sml.png"
  97                 id="connectButton" class="noVNC_status_button_selected"
  98                 value="Connect" title="Connect"
  99                 onclick="UI.toggleConnectPanel()" />
 100             <input type="image" src="images/disconnect_sml.png"
 101                 id="disconnectButton" class="noVNC_status_button"
 102                 value="Disconnect" title="Disconnect"
 103                 onclick="UI.disconnect()" />
 104         </div>
 105
 106         <!-- Clipboard Panel -->
 107         <div id="noVNC_clipboard" class="triangle-right top">
 108             <textarea id="noVNC_clipboard_text" rows=5
 109                 onfocus="UI.displayBlur();" onblur="UI.displayFocus();"
 110                 onchange="UI.clipSend();">
 111             </textarea>
 112             <br />
 113             <input id="noVNC_clipboard_clear_button" type="button"
 114                 value="Clear" onclick="UI.clipClear();">
 115         </div>
 116
 117         <!-- Settings Panel -->
 118         <div id="noVNC_settings" class="triangle-right top">
 119             <span id="noVNC_settings_menu" onmouseover="UI.displayBlur();"
 120                                            onmouseout="UI.displayFocus();">
 121                 <ul>
 122                     <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
 123                     <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
 124                     <li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
 125                     <li><input id="noVNC_clip" type="checkbox"> Clip to window</li>
 126                     <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
 127                     <li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li>
 128                     <li><input id="noVNC_path" type="input"> Path</li>
 129                     <hr>
 130                     <!-- Stylesheet selection dropdown -->
 131                     <li><label><strong>Style: </strong>
 132                         <select id="noVNC_stylesheet" name="vncStyle">
 133                             <option value="default">default</option>
 134                         </select></label>
 135                     </li>
 136
 137                     <!-- Logging selection dropdown -->
 138                     <li><label><strong>Logging: </strong>
 139                         <select id="noVNC_logging" name="vncLogging">
 140                         </select></label>
 141                     </li>
 142                     <hr>
 143                     <li><input type="button" id="noVNC_apply" value="Apply"
 144                          onclick="UI.settingsApply()"></li>
 145                 </ul>
 146             </span>
 147         </div>
 148
 149         <!-- Connection Panel -->
 150         <div id="noVNC_controls" class="triangle-right top">
 151             <ul>
 152                 <li><label><strong>Host: </strong><input id="noVNC_host" /></label></li>
 153                 <li><label><strong>Port: </strong><input id="noVNC_port" /></label></li>
 154                 <li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li>
 155                 <li><input id="noVNC_connect_button" type="button" value="Connect" onclick="UI.connect();"></li>
 156             </ul>
 157         </div>
 158
 159     </div> <!-- End of noVNC-control-bar -->
 160
 161
 162     <div id="noVNC_screen">
 163         <div id="noVNC_screen_pad"></div>
 164
 165         <div id="noVNC_status_bar" class="noVNC_status_bar">
 166                 <div id="noVNC_status">Loading</div>
 167         </div>
 168
 169         <h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
 170
 171         <!-- HTML5 Canvas -->
 172         <div id="noVNC_container">
 173             <canvas id="noVNC_canvas" width="640px" height="20px">
 174                         Canvas not supported.
 175             </canvas>
 176         </div>
 177
 178     </div>
 179
 180     <script>
 181         window.onload = UI.load;
 182     </script>
 183  </body>
 184 </html>