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
  11         <meta charset="utf-8">
  12
  13         <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
  14                    Remove this if you use the .htaccess -->
  15
  16         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  17
  18         <title>noVNC</title>
  19
  20         <meta name="viewport" content="user-scalable=1" />
  21         <meta http-equiv="X-UA-Compatible" content="chrome=1" />
  22
  23         <!-- Stylesheets -->
  24         <link rel="stylesheet" href="include/base.css" />
  25     <link rel="alternate stylesheet" href="include/black.css" TITLE="Black" />
  26
  27         <!-- Google web fonts -->
  28         <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'>
  29
  30                 <!--
  31         <script type='text/javascript'
  32             src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
  33         -->
  34
  35         <script src="include/vnc.js"></script>
  36         <script src="include/ui.js"></script>
  37
  38         <meta name="apple-mobile-web-app-capable" content="yes" />
  39         <!--
  40         <meta name="viewport" content="width=device-width,height=device-height" />
  41         -->
  42
  43         <!-- App Start Icon  -->
  44         <link rel="apple-touch-startup-image" href="images/screen_640x435.png" />
  45
  46         <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
  47         <link rel="apple-touch-icon" href="images/mobileicon.png">
  48         <link rel="apple-touch-icon-precomposed" href="images/mobileicon.png" />
  49
  50 </head>
  51
  52 <body>
  53         <div class="noVNC-control-bar">
  54                         <!--noVNC Mobile Device only Buttons-->
  55                         <div id="noVNC_mobile_buttons">
  56                                 <nobr>
  57                                         <span class="noVNC_mouse_buttons">
  58                                                 <input type="button" class="noVNC_status_button" id="noVNC_mouse_button1" value="L" onclick="UI.setMouseButton(1);">
  59                                                 <input type="button" class="noVNC_status_button" id="noVNC_mouse_button2" value="M" onclick="UI.setMouseButton(2);">
  60                                                 <input type="button" class="noVNC_status_button" id="noVNC_mouse_button4" value="R" onclick="UI.setMouseButton(4);">
  61                                                 <input type="button" class="noVNC_status_button" value="CtrlAltDel" id="sendCtrlAltDelButton" onclick="UI.sendCtrlAltDel();">
  62                                                 <input type="button" id="showKeyboard" onclick="showkeyboard()" value="Keyboard" class="noVNC_status_button"/>
  63                                         </span>
  64                                 </nobr>
  65                         </div>
  66
  67                         <!--noVNC Buttons-->
  68                         <div class="noVNC_mobile_buttons_right">
  69                                         <input type="button" id="clipboardbutton" onclick="UI.showClipboard();" value="Clipboard" />
  70                                         <input type="button" class="VNC_status_button" value="Settings" id="menuButton" onclick="UI.clickSettingsMenu();">
  71                                         <input type="button" id="connectPanelbutton" class="VNC_status_button" onclick="connectPanelbutton()" value="Connection" />
  72                         </div>
  73
  74                         <!-- Clipboard Panel -->
  75                         <div id="noVNC_clipboard" class="triangle-right top">
  76                                 <textarea id="noVNC_clipboard_text" cols=88 rows=5 onfocus="UI.displayBlur();" onblur="UI.displayFocus();" onchange="UI.clipSend();">
  77                                 </textarea>
  78                                 <br />
  79                                 <input id="noVNC_clipboard_clear_button" type="button" value="Clear" onclick="UI.clipClear();">
  80                         </div>
  81
  82                         <!-- Settings Panel -->
  83                         <div id="noVNC_Settings" class="triangle-right top">
  84                                   <span id="noVNC_settings_menu" onmouseover="UI.displayBlur();" onmouseout="UI.displayFocus();">
  85                                                 <ul>
  86                                                         <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
  87                                                         <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
  88                                                         <li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
  89                                                         <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
  90                                                         <li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li>
  91                                                         <hr>
  92                                                         <!-- Stylesheet selection dropdown -->
  93                                                         <li><label><strong>Style: </strong>
  94                                                                 <select id="noVNC_stylesheet" name="vncStyle">
  95                                                                         <option value="default">default</option>
  96                                                                 </select></label>
  97                                                         </li>
  98
  99                                                         <!-- Logging selection dropdown -->
 100                                                         <li><label><strong>Logging: </strong>
 101                                                                 <select id="noVNC_logging" name="vncLogging">
 102                                                                 </select></label>
 103                                                         </li>
 104                                                         <hr>
 105                                                         <li><input type="button" id="noVNC_apply" value="Apply" onclick="UI.settingsApply()"></li>
 106                                                 </ul>
 107                                 </span>
 108                  </div>
 109
 110                 <!-- Connection Panel -->
 111                 <div id="noVNC_controls" class="triangle-right top">
 112                           <ul>
 113                                         <li><label><strong>Host: </strong><input id="noVNC_host" /></label></li>
 114                                         <li><label><strong>Port: </strong><input id="noVNC_port" /></label></li>
 115                                         <li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li>
 116                                         <li><input id="noVNC_connect_button" type="button" value="Loading" disabled></li>
 117                          </ul>
 118                 </div>
 119
 120         </div>
 121
 122         <div id="noVNC_screen">
 123                 <div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
 124                         <div id="noVNC_status">Loading</div>
 125                 </div>
 126
 127                 <!-- HTML5 Canvas -->
 128                 <h1 id="noVNC_defaultScreen"><span>no</span><br />VNC</h1>
 129                 <canvas id="noVNC_canvas" width="640px" height="20px">
 130                          Canvas not supported.
 131                 </canvas>
 132
 133                 <input id="keyboardinput" style="display:none;" type="text" onKeyDown="onKeyDown(event);"/>
 134         </div>
 135
 136          <script>
 137                         window.onload = UI.load;
 138          </script>
 139  </body>
 140 </html>