forked from raphamorim/treeData.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
43 lines (39 loc) · 1.33 KB
/
demo.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TreeData.js</title>
<!--Optional-->
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="img/favicon.ico">
<!--Required-->
<link rel="stylesheet" href="css/treeData.min.css">
</head>
<body>
<div id="container">
<div id="tree"></div>
</div>
<script type="text/javascript" src="js/treeData.js"></script>
<script>
var tree = {
zelda : {value : "Zelda Timeline", parent : ""},
a : {value : "Skyward Sword", parent : "zelda"},
b : {value : "The Minish Cap", parent : "a"},
c : {value : "Four Swords", parent : "b"},
d : {value : "Ocarina of Time", parent : "c"},
e : {value : "A link to Past", parent : "d"},
f : {value : "Oracle of Seasons & Oracle of Ages", parent : "e"},
g : {value : "Link's Awakening", parent : "f"},
h : {value : "The Legend of Zelda", parent : "g"},
i : {value : "Adventure of Link", parent : "h"},
j : {value : "Majora's Mask", parent : "d"},
k : {value : "Twilight Princess", parent : "j"},
l : {value : "Four Swords", parent : "k"},
m : {value : "The Wind Waker", parent : "d"},
n : {value : "Phanthom Hourglass", parent : "m"},
o : {value : "Spirit Tracks", parent : "n"}
};
TreeData(tree, "#tree");
</script>
</body>
</html>