-
Notifications
You must be signed in to change notification settings - Fork 0
/
sample.html
58 lines (57 loc) · 6.69 KB
/
sample.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Sample TreeFormation</title>
<link rel='stylesheet' type='text/css' media='screen' href='styles.css' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<!--[if IE]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
<![endif]-->
<script type='text/javascript' src='tree.js'></script>
<script type='text/javascript' src='scripts.js'></script>
</head>
<body>
<h1>Sample TreeFormation</h1>
<div class='smartNodeZone'>
<div class='smartNode' data-id='0' data-root='true' data-depth='0' data-title='Denmark'> <p>Denmark</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-0' data-root='false' data-depth='1' data-title='Contents'> <p>Contents</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-1' data-root='false' data-depth='1' data-title='Etymology'> <p>Etymology</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-2' data-root='false' data-depth='1' data-title='History'> <p>History</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-2-0' data-root='false' data-depth='2' data-title='Prehistory'> <p>Prehistory</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-2-1' data-root='false' data-depth='2' data-title='Viking and Middle Ages'> <p>Viking and Middle Ages</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-2-2' data-root='false' data-depth='2' data-title='Early modern history (1536–1849)'> <p>Early modern history (1536–1849)</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-2-3' data-root='false' data-depth='2' data-title='Constitutional monarchy (1849–present)'> <p>Constitutional monarchy (1849–present)</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-2-4' data-root='false' data-depth='2' data-title='Post-war (1945–present)'> <p>Post-war (1945–present)</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-3' data-root='false' data-depth='1' data-title='Geography of Denmark'> <p>Geography of Denmark</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-3-0' data-root='false' data-depth='2' data-title='Climate'> <p>Climate</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-3-1' data-root='false' data-depth='2' data-title='Environment'> <p>Environment</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-4' data-root='false' data-depth='1' data-title='Governance'> <p>Governance</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-4-0' data-root='false' data-depth='2' data-title='Political system'> <p>Political system</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-4-1' data-root='false' data-depth='2' data-title='Judicial system'> <p>Judicial system</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-4-2' data-root='false' data-depth='2' data-title='Foreign relations and military'> <p>Foreign relations and military</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-4-3' data-root='false' data-depth='2' data-title='Administrative divisions'> <p>Administrative divisions</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-4-4' data-root='false' data-depth='2' data-title='Greenland and the Faroe Islands'> <p>Greenland and the Faroe Islands</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-5' data-root='false' data-depth='1' data-title='Economy'> <p>Economy</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-5-0' data-root='false' data-depth='2' data-title='Energy'> <p>Energy</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-5-1' data-root='false' data-depth='2' data-title='Transport'> <p>Transport</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-5-2' data-root='false' data-depth='2' data-title='Technology'> <p>Technology</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-5-3' data-root='false' data-depth='2' data-title='Public policy'> <p>Public policy</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-6' data-root='false' data-depth='1' data-title='Demographics'> <p>Demographics</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-6-0' data-root='false' data-depth='2' data-title='Religion'> <p>Religion</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-6-1' data-root='false' data-depth='2' data-title='Education'> <p>Education</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-6-2' data-root='false' data-depth='2' data-title='Health care'> <p>Health care</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-7' data-root='false' data-depth='1' data-title='Culture'> <p>Culture</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-7-0' data-root='false' data-depth='2' data-title='Popular media'> <p>Popular media</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-7-1' data-root='false' data-depth='2' data-title='Architecture and design'> <p>Architecture and design</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-7-2' data-root='false' data-depth='2' data-title='Literature and philosophy'> <p>Literature and philosophy</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-7-3' data-root='false' data-depth='2' data-title='Painting and photography'> <p>Painting and photography</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-7-4' data-root='false' data-depth='2' data-title='Cuisine'> <p>Cuisine</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-7-5' data-root='false' data-depth='2' data-title='Sports'> <p>Sports</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-8' data-root='false' data-depth='1' data-title='See also'> <p>See also</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-9' data-root='false' data-depth='1' data-title='Notes'> <p>Notes</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-10' data-root='false' data-depth='1' data-title='References'> <p>References</p> <div class='branch'></div></div>
<div class='smartNode' data-id='0-11' data-root='false' data-depth='1' data-title='External links'> <p>External links</p> <div class='branch'></div></div>
</div>
</body>
</html>