12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
1 <html>
|
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
2
|
13
|
3 <style type="text/css">
|
|
4 div.node {
|
|
5 background-color:blue;
|
|
6 border-radius:30px;
|
|
7 width:50px;
|
|
8 height:50px;
|
|
9 }
|
|
10
|
|
11 div.node div.outputdiv {
|
|
12 border-style:ridge;
|
|
13 border-color:red;
|
|
14 border-radius:10px;
|
|
15 width:150px;
|
|
16 // display:none;
|
|
17 }
|
|
18
|
|
19 </style>
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
20
|
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
21
|
13
|
22 <body onload="main();">
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
23
|
13
|
24 <div id="node1" class="node" onmouseover="displayDiv(this);">
|
|
25 <div class="outputdiv" id="output">
|
|
26 <div style="border-radius:10px; margin-top:5px; margin-left:5px; margin-right:5px; text-align:center; background-color:#ccc;">
|
|
27 title
|
|
28 </div>
|
|
29 <div style="background-color:#ccf; border-radius:10px; margin:5px; padding:5px;">
|
|
30 content
|
|
31 <br>
|
|
32 aaaa
|
|
33 <br>
|
|
34 aaa
|
|
35 <br>
|
|
36 aaa
|
|
37 <br>
|
|
38 aaa
|
|
39 </div>
|
|
40 </div>
|
|
41 </div>
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
42
|
13
|
43 <script src="../assets/js/jquery.js"></script>
|
|
44 <script src="./js/library.js"></script>
|
|
45 <script>
|
|
46 filename = "./json/graph.json"
|
|
47 function main() {
|
|
48 var node1 = document.getElementById("node1");
|
|
49
|
|
50 var output = document.getElementById("output");
|
|
51 output.style.display = "none";
|
|
52 var data = loadFile(filename);
|
|
53 var jobj = JSON.parse(data);
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
54
|
13
|
55 var root = jobj["root"];
|
|
56 // output.textContent = "root : " + root;
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
57
|
13
|
58 var title = jobj.Nodes[root].data.title;
|
|
59 // output.textContent += "title : " + title;
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
60
|
13
|
61 var content = jobj.Nodes[root].data.content;
|
|
62 // output.textContent += "content: " + content;
|
|
63 }
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
64
|
13
|
65 function displayDiv(div) {
|
|
66 var childDiv = div.childNodes[1];
|
|
67
|
|
68 }
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
69
|
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
70
|
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
71
|
13
|
72 </script>
|
|
73 </body>
|
12
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
74
|
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
75 </html>
|