Add a screen element for vnc_lite.htmlvnclitecleanup

Makes it clearer where the remote screen will be created.

1 files changed, 9 insertions, 1 deletions

diff --git a/vnc_lite.html b/vnc_lite.html
index 79dcfda..5efa320 100644
--- a/vnc_lite.html
+++ b/vnc_lite.html
@@ -52,6 +52,11 @@
             cursor: pointer;
         }
 
+        #screen {
+            flex: 1; /* fill remaining space */
+            overflow: hidden;
+        }
+
     </style>
 
     <!-- Promise polyfill for IE11 -->
@@ -166,7 +171,7 @@
         url += '/' + path;
 
         // Creating a new RFB object will start a new connection
-        rfb = new RFB(document.body, url,
+        rfb = new RFB(document.getElementById('screen'), url,
                       { credentials: { password: password } });
 
         // Add listeners to important events from the RFB module
@@ -186,5 +191,8 @@
         <div id="status">Loading</div>
         <div id="sendCtrlAltDelButton">Send CtrlAltDel</div>
     </div>
+    <div id="screen">
+        <!-- This is where the remote screen will appear -->
+    </div>
 </body>
 </html>