small updates

2 files changed, 22 insertions, 47 deletions

diff --git a/src/js/header.js b/src/js/header.js
new file mode 100644
index 00000000..91320021
--- /dev/null
+++ b/src/js/header.js
@@ -0,0 +1,22 @@
+let header = document.querySelector('[header]');
+let newElement = document.createElement('div');
+let page = header.getAttribute('page');
+
+console.log(page);
+newElement.innerHTML = `
+<!-- header -->
+<header id="navBarHeader">
+    <nav class="navBar">
+        <div class="left">
+            <a id="btnHome" href="/">Home<span></span></span></a>
+        </div>
+        <div class="right">
+            <a href="/pages/repo/github/repos.html" id="btnGhRepo">Github Repos</a>
+            <a href="/pages/info/about.html" id="btnAbout">About</a>
+        </div>
+    </nav> 
+</header>
+`;
+
+header.appendChild(newElement);
+document.getElementById("btn"+page).setAttribute('class', 'active');
diff --git a/src/js/includeheader.js b/src/js/includeheader.js
deleted file mode 100644
index 5ac7d067..00000000
--- a/src/js/includeheader.js
+++ /dev/null
@@ -1,47 +0,0 @@
-function includeHeader() {
-  var z, i, elmnt, file, xhttp;
-  // loop through a collection of all HTML elements
-  z = document.getElementsByTagName("*");
-  for (i = 0; i < z.length; i++) {
-    elmnt = z[i];
-    // search for elements with a certain attribute
-    file = elmnt.getAttribute("include-header");
-    if (file) {
-      // make an HTTP request using the attribute value as the file name
-      xhttp = new XMLHttpRequest();
-      xhttp.onreadystatechange = function() {
-        if (this.readyState == 4) {
-          if (this.status == 200) {
-            elmnt.innerHTML = this.responseText;
-            setActiveLink(); // Set the active link after including the HTML
-          }
-          if (this.status == 404) {
-            elmnt.innerHTML = "Page not found.";
-          }
-          // remove the attribute and call this function once more
-          elmnt.removeAttribute("include-header");
-          includeHeader();
-        }
-      };
-      xhttp.open("GET", file, true);
-      xhttp.send();
-      // exit the function
-      return;
-    }
-  }
-}
-
-// Set the active link based on the current page
-function setActiveLink() {
-  var currentPath = window.location.pathname;
-  var navLinks = document.getElementsByClassName("navBar")[0].getElementsByTagName("a");
-  for (var i = 0; i < navLinks.length; i++) {
-    var link = navLinks[i];
-    var href = link.getAttribute("href");
-    if (href === currentPath) {
-      link.classList.add("active");
-    } else {
-      link.classList.remove("active");
-    }
-  }
-}