jumps added

AfzGit · Jul 16, 2024 · a73f955 · a73f955
1 parent 66defaa
commit a73f955
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -262,6 +262,7 @@ <h4 id="copy-status" style="background-color: darkgoldenrod">
                 Clipboard
             </h4>
             <h3 id="result" style="background-color: rosybrown">Urls</h3>
+            <p id="jump2"></p>
         </div>
         <script src="script.js"></script>
     </body>

diff --git a/script.js b/script.js
@@ -6,6 +6,9 @@ const site2 = "https://quranwbw.com/";
 // https://tanzil.net/#2:6
 const site3 = "https://tanzil.net/";
 
+const jump = `<a href="#quran">Quran</a> - <a href="#copy-status">Clipboard</a> - <a href="#result">Urls</a>`;
+const jumpTafsir = `<a href="#quran">Quran</a> - <a href="#tafsir-print">Tafsir</a> - <a href="#copy-status">Clipboard</a> - <a href="#result">Urls</a>`;
+
 // copy variables
 let fullc, arc, enc, tafsirCopy;
 
@@ -249,11 +252,11 @@ document.getElementById("urlForm").addEventListener("submit", function (e) {
                 console.error("Error fetching data:", error);
                 document.getElementById(
                     "quran"
-                ).innerHTML = `${error}<br><br>Potential culprits: <br>- Website/Network problem. <br>- Are you sure the Ayah number is correct for that Surah?<br><br>Try the Urls above instead.`;
+                ).innerHTML = `${error}<br><br>Potential culprits: <br>- Website/Network problem. <br>- Are you sure the Ayah number is correct for that Surah?<br><br>Try the Urls below instead.`;
             });
 
         if (!tafsirHTML == "") {
-            // Append Tafsir
+            // insert Tafsir
             getTafsir(surah, ayahNum, tafsirHTML)
                 .then((tafsir) => {
                     document.getElementById("tafsir-print").style.display =
@@ -281,10 +284,25 @@ document.getElementById("urlForm").addEventListener("submit", function (e) {
                     console.error("Error fetching tafsir: ", error);
                     document.getElementById(
                         "tafsir-print"
-                    ).innerHTML = `${error}<br><br>Potential culprits: <br>- Website/Network problem. <br>- Are you sure the Ayah number is correct for that Surah?<br><br>Try the Urls above instead.`;
+                    ).innerHTML = `${error}<br><br>Potential culprits: <br>- Website/Network problem. <br>- Are you sure the Ayah number is correct for that Surah?<br><br>Try the Urls below instead.`;
                 });
+
+            // jumpers top and bottom
+            document.getElementById(
+                "buttons"
+            ).innerHTML += `<br><br>Jump to: ${jumpTafsir} - <a href="#jump2">Bottom</a>`;
+            document.getElementById(
+                "jumpBottom"
+            ).innerHTML = `Jump To: ${jumpTafsir} - <a href="#">Top</a>`;
         } else {
             document.getElementById("tafsir-print").style.display = "none";
+            // jumpers top and bottom
+            document.getElementById(
+                "buttons"
+            ).innerHTML += `<br><br>Jump to: ${jump} - <a href="#jump2">Bottom</a>`;
+            document.getElementById(
+                "jump2"
+            ).innerHTML += `Jump to: ${jump} - <a href="#">Top</a>`;
         }
     }
 });