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