Create pagination.js

Author: CodeHimBlog

pagination.js

@@ -0,0 +1,56 @@
+// Function to parse XML string and extract links
+function parseSitemap(xmlString) {
+  const parser = new DOMParser();
+  const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
+  const links = xmlDoc.getElementsByTagName('loc');
+  const linksArray = Array.from(links).map(link => link.innerHTML);
+  return linksArray;
+}
+
+// Function to display links for a specific page
+function displayLinks(links, page, pageSize) {
+  const list = document.getElementById('sitemapLinks');
+  list.innerHTML = '';
+
+  const startIndex = (page - 1) * pageSize;
+  const endIndex = startIndex + pageSize;
+  const paginatedLinks = links.slice(startIndex, endIndex);
+
+  paginatedLinks.forEach((link, index) => {
+    const listItem = document.createElement('li');
+    listItem.textContent = `${startIndex + index + 1}. ${link}`;
+    list.appendChild(listItem);
+  });
+}
+
+// Function to create pagination buttons
+function createPaginationButtons(links, pageSize) {
+  const pagination = document.getElementById('pagination');
+  pagination.innerHTML = '';
+
+  const totalPages = Math.ceil(links.length / pageSize);
+  for (let i = 1; i <= totalPages; i++) {
+    const listItem = document.createElement('li');
+    listItem.textContent = i;
+    listItem.addEventListener('click', () => {
+      displayLinks(links, i, pageSize);
+    });
+    pagination.appendChild(listItem);
+  }
+}
+
+// Fetch the sitemap.xml file
+const request = new XMLHttpRequest();
+request.onreadystatechange = function() {
+  if (this.readyState === 4 && this.status === 200) {
+    const sitemapXML = this.responseText;
+    const links = parseSitemap(sitemapXML);
+    const pageSize = 10; // Adjust the number of links per page
+    createPaginationButtons(links, pageSize);
+    displayLinks(links, 1, pageSize);
+  } else if (this.readyState === 4) {
+    console.error('Error fetching sitemap.xml');
+  }
+};
+request.open('GET', 'sitemap.xml', true); // Replace with your sitemap file
+request.send();