Commit | Line | Data |
---|---|---|
d7edfd55 | 1 | window.addEventListener('load', function() { |
d7edfd55 | 2 | var links = document.getElementById("links").children[0].children; |
e29d9cc4 | 3 | var home = document.getElementsByClassName("home"); |
e29d9cc4 | 4 | var menu = document.getElementById("menu"); |
aa933c49 | 5 | var content = document.getElementById("content"); |
b0fbfd4f | 6 | var body = document.getElementsByTagName("body")[0]; |
e29d9cc4 JK |
7 | var menuLoc = parseInt(getComputedStyle(menu).getPropertyValue("top")); |
8 | ||
aa933c49 JK |
9 | function menuOperator(position, token="") { |
10 | event.preventDefault(); | |
11 | var node = event.currentTarget; | |
12 | menu.setAttribute("class", position); | |
13 | for(var i = 0; i < links.length; i++) { | |
14 | links[i].children[0].removeAttribute("class"); | |
15 | } | |
16 | node.setAttribute("class", "selected " + token); | |
17 | for(var i = 0; i < content.children.length; i++) { | |
18 | content.children[i].setAttribute("class", "hidden") | |
19 | } | |
20 | var name = node.getAttribute("data-name"); | |
21 | if(name) { | |
22 | var article = document.getElementById(name); | |
23 | article.setAttribute("class", "selected"); | |
24 | } | |
b0fbfd4f JK |
25 | var color = node.getAttribute("data-color"); |
26 | if(color) { | |
27 | body.setAttribute("class", color); | |
28 | } | |
aa933c49 JK |
29 | window.history.pushState("object or string", "Title", node.href); |
30 | } | |
31 | ||
32 | for(var i = 0; i < links.length - 1; i++) { | |
33 | links[i].children[0].onclick = function(event) { | |
34 | menuOperator("top"); | |
e29d9cc4 | 35 | }; |
d7edfd55 | 36 | } |
aa933c49 JK |
37 | for(var i = 0; i < home.length; i++) { |
38 | home[i].onclick = function(event) { | |
39 | menuOperator("middle", "home"); | |
40 | } | |
41 | } | |
d7edfd55 | 42 | }, false); |