Fix: hide iframe when reload

Chimildic · Jul 28, 2024 · 65cc768 · 65cc768
1 parent 8e642d4
commit 65cc768
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -38,7 +38,7 @@
             </div>
         </div>
     </div>
-    <iframe onload="onIframeLoaded(this)" src="https://script.google.com/macros/s/AKfycbz99NP1EXi_2sXT7GoQp1exM_MvpsFtL1YYfaNXVz1q8XPrrR4dnIqfLdkHn9muK35XsA/exec"></iframe>
+    <iframe id="iframe-service" src="https://script.google.com/macros/s/AKfycbz99NP1EXi_2sXT7GoQp1exM_MvpsFtL1YYfaNXVz1q8XPrrR4dnIqfLdkHn9muK35XsA/exec"></iframe>
     <div class="container">
         <footer class="py-3 my-4">
             <ul class="nav justify-content-center border-bottom pb-3 mb-3">
@@ -56,11 +56,21 @@
         </footer>
     </div>
     <script>
+        const spinnerElement = document.getElementById('spinner-root')
+        const iframeElement = document.getElementById('iframe-service')
+
+        window.onbeforeunload = onLoading
+        iframeElement.onload = onReady
         setCopyright()
 
-        function onIframeLoaded(iframeElement) {
-            document.getElementById('spinner-root').style.display = 'none'
-            iframeElement.style.display = 'initial'
+        function onLoading() {
+            spinnerElement.style.display = 'block'
+            iframeElement.style.display = 'none'
+        }
+
+        function onReady() {
+            spinnerElement.style.display = 'none'
+            iframeElement.style.display = 'block'
         }
 
         function setCopyright() {