style.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

var first = true;

function addCSS(name, stylesheet) {

    var place = document.getElementById("stylechooser");

    if (first === true) {
        first = false;
    } else {
        place.innerHTML += " / "; 
    }

    var style = document.createElement("a");
    style.href = "#stylechooser";
    style.innerHTML = name;
    style.setAttribute("onclick", `loadCSS(${'"'+ stylesheet + '"'})`);

    place.appendChild(style);
}

function loadCSS(stylesheet) {
    document.getElementById("mainstyle").href = stylesheet;
    document.cookie = `style=${stylesheet}`;
}

var currentstyle = document.cookie.split("=")[1]

if (typeof currentstyle === "undefined") {
    loadCSS("style.css");
} else {
    loadCSS(currentstyle);
}

document.addEventListener('DOMContentLoaded', function() {

var stylechooser = document.createElement("div");
stylechooser.setAttribute("id", "stylechooser");
stylechooser.innerHTML = "Styles: ";

document.getElementById("content").appendChild(stylechooser);

addCSS("default", "style.css");
addCSS("moe", "moe.css");
addCSS("simple", "simple.css");

});