Spaces:

Marthee
/

NavigateToPage

Sleeping

Marthee commited on Dec 6, 2024

Commit

99d4263

verified ·

1 Parent(s): 2762c12

Update templates/gui.html

Files changed (1) hide show

templates/gui.html CHANGED Viewed

@@ -7,27 +7,21 @@
 </head>
 <body>
-    <h2>Enter Page to View</h2>
-    <!-- Input to specify which page number -->
-    <label for="page-number">Enter Page Number:</label>
     <input type="number" id="page-number" placeholder="e.g., 2" min="1">
-    <button onclick="redirectPdf()">View PDF</button>
-    <h3>PDF Viewer</h3>
-    <iframe id="pdfFrame" style="width:100%; height:600px; border: none;"></iframe>
     <script>
-        function redirectPdf() {
             const page = document.getElementById('page-number').value;
-            if (page && parseInt(page) > 0) {
-                const iframeElement = document.getElementById('pdfFrame');
-                iframeElement.src = `/view-pdf?page=${page}`;
             } else {
-                alert('Please specify a valid page number');
             }
         }
     </script>

 </head>
 <body>
+    <h2>Enter Page Number to Open PDF</h2>
+    <label for="page-number">Page:</label>
     <input type="number" id="page-number" placeholder="e.g., 2" min="1">
+    <button onclick="openPdf()">Open PDF in New Tab</button>
     <script>
+        function openPdf() {
             const page = document.getElementById('page-number').value;
+            if (page && parseInt(page) > 0) {
+                // Open PDF on a new tab with Flask URL and the page number
+                window.open(`/view-pdf?page=${page}`, '_blank');
             } else {
+                alert('Please enter a valid page number');
             }
         }
     </script>