mirror of
https://github.com/novnc/noVNC.git
synced 2026-05-27 07:29:41 +00:00
b70ce07706
Another firefox issue is that height: 100% is calculated as 100% of the containing element even when the containing element is the window. This means that the size of any sibling element shifts the window size down by that much and causes the vertical scroll bars to appear. This doesn't happen in Chrome. - So instead, put a pad element inside the noVNC_screen element that is the size of the control bar. This is hidden by the control bar, however, it causes things to be sized correctly. - Also, rename noVNC_defaultScreen to noVNC_logo. - Clean some style specification out of the HTML.
160 lines
6.6 KiB
HTML
160 lines
6.6 KiB
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>
|