Add a screen element for vnc_lite.html

Makes it clearer where the remote screen will be created.
CyberShadow · Aug 28, 2018 · 1c945f8 · 1c945f8
1 parent 8613f6f
commit 1c945f8
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/vnc_lite.html b/vnc_lite.html
@@ -55,6 +55,11 @@
             cursor: pointer;
         }
 
+        #screen {
+            flex: 1; /* fill remaining space */
+            overflow: hidden;
+        }
+
     </style>
 
     <!-- Promise polyfill for IE11 -->
@@ -172,7 +177,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
@@ -192,5 +197,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>