Split netjson viewer into html and javascript file
[oonf.git] / files / netjson_viewer / netjson_view.html
1 <!doctype html>
2 <html>
3 <head>
4     <title>Network | Basic usage</title>
5
6     <!-- This file use the http://visjs.org API -->
7
8     <link href="vis.css" rel="stylesheet" type="text/css" />
9
10     <style type="text/css">
11         div#section {
12             left:    5%;
13             width:   95%;
14             height:  768px;
15             margin:  auto;
16             padding: 10px;
17         }
18         div#networkgraph {
19             width:   70%;
20             height:  768px;
21             float:   left;
22             border:  1px solid lightgray;
23         }
24         div#infotext {
25             margin-left:  70%;
26             height:       768px;
27             border:       1px solid lightgray;
28         }
29     </style>
30
31     <script type="text/javascript" src="vis.js"></script>
32     <script type="text/javascript" src="netjson_view.js"></script>
33 </head>
34 <body>
35     <p>Visualization of olsrd2 netjson graph</p>
36
37     Auto Update: <input type="checkbox" id="autoupdate" onclick="checkbox_clicked();" checked="checked"/>
38
39     <div id="section">
40         <div id="networkgraph"></div>
41         <div id="infotext"></div>
42     </div>
43
44     <script type="text/javascript">
45         init_netjson_viewer();
46     </script>
47 </body>
48 </html>