A few small tweaks

[jkinsey.net.git] / js / script.js

diff --git a/js/script.js b/js/script.js
index 6528aa3fffbec092eaebfd9b1da621006b290d08..c8ea1573b6c8b31f3253847ad536d5aba96dddd7 100644 (file)
--- a/js/script.js
+++ b/js/script.js
@@ -3,11 +3,9 @@ window.addEventListener('load', function() {
     var home = document.getElementsByClassName("home");
     var menu = document.getElementById("menu");
     var content = document.getElementById("content");
-    var menuLoc = parseInt(getComputedStyle(menu).getPropertyValue("top"));
+    var body = document.getElementsByTagName("body")[0];
 
-    function menuOperator(position, token="") {
-        event.preventDefault();
-        var node = event.currentTarget;
+    function menuOperator(node, position, token="") {
         menu.setAttribute("class", position);
         for(var i = 0; i < links.length; i++) {
             links[i].children[0].removeAttribute("class");
@@ -21,17 +19,25 @@ window.addEventListener('load', function() {
             var article = document.getElementById(name);
             article.setAttribute("class", "selected");
         }
+        var color = node.getAttribute("data-color");
+        if(color) {
+            body.setAttribute("class", color);
+        }
         window.history.pushState("object or string", "Title", node.href);
     }
 
     for(var i = 0; i < links.length - 1; i++) {
         links[i].children[0].onclick = function(event) { 
-            menuOperator("top");
+            event.preventDefault();
+            var node = event.currentTarget;
+            menuOperator(node, "top");
         };
     }
     for(var i = 0; i < home.length; i++) {
         home[i].onclick = function(event) {
-            menuOperator("middle", "home");
+            event.preventDefault();
+            var node = event.currentTarget;
+            menuOperator(node, "middle", "home");
         }
     }
 }, false);