<link rel="stylesheet" type="text/css" href="styles/client.css"/>
<link rel="stylesheet" type="text/css" href="styles/keyboard.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi"/>
+ <meta name="apple-mobile-web-app-capable" content="yes"/>
<title>Guacamole ${project.version}</title>
</head>
<!-- Display -->
- <div id="display" class="guac-display guac-loading">
+ <div id="display">
<!-- Menu trigger -->
<div id="menuControl"></div>
<!-- Init -->
<script type="text/javascript"> /* <![CDATA[ */
- // Instantiate client
- var guac = new Guacamole.Client(
- GuacamoleUI.display,
- new Guacamole.HTTPTunnel("tunnel")
- );
+ // Start connect after control returns from onload (allow browser
+ // to consider the page loaded).
+ window.onload = function() {
+ window.setTimeout(function() {
- // Tie UI to client
- GuacamoleUI.attach(guac);
+ var tunnel;
- try {
+ // TODO: Detect WebSocket and websocket-tunnel
+ tunnel = new Guacamole.WebSocketTunnel("websocket-tunnel")
+ //tunnel = new Guacamole.HTTPTunnel("tunnel")
- // Get ID
- var id = window.location.search.substring(1);
+ // Instantiate client
+ var guac = new Guacamole.Client(tunnel);
- // Connect client
- guac.connect("id=" + id);
+ // Add client to UI
+ guac.getDisplay().className = "software-cursor";
+ GuacamoleUI.display.appendChild(guac.getDisplay());
- }
- catch (e) {
- GuacamoleUI.showError(e.message);
- }
+ // Tie UI to client
+ GuacamoleUI.attach(guac);
- /* ]]> */ </script>
+ try {
+
+ // Get ID
+ var id = window.location.search.substring(1);
+
+ // Connect client
+ guac.connect("id=" + id);
+
+ }
+ catch (e) {
+ GuacamoleUI.showError(e.message);
+ }
+
+ }, 0);
+ };
+
+ /* ]]> */ </script>
</body>