root/indexgraph.html @ f32530f7
| 301039da | Hamish Coleman | <html>
|
|
<head>
|
|||
<title>graph tree view test</title>
|
|||
</head>
|
|||
<body>
|
|||
<table>
|
|||
<tr>
|
|||
<td> <a href="javascript:index_load()">reload index</a> </td>
|
|||
<td> <a href="javascript:reload_graph()">reload graph</a> </td>
|
|||
<td> <a href="javascript:setall_graph('day')">Day</a> </td>
|
|||
<td> <a href="javascript:setall_graph('week')">Week</a> </td>
|
|||
<td> <a href="javascript:setall_graph('month')">Month</a> </td>
|
|||
<td> <a href="javascript:setall_graph('year')">Year</a> </td>
|
|||
| f32530f7 | Hamish Coleman | <td> <div id="status"></div> </td>
|
|
| 301039da | Hamish Coleman | </tr>
|
|
</table>
|
|||
<div id="list">
|
|||
</div>
|
|||
<script language="javascript">
|
|||
function add_one_graph(g) {
|
|||
var div = document.createElement('div');
|
|||
div.appendChild(document.createTextNode(g.sequence+" "));
|
|||
div.appendChild(document.createTextNode("hh:mm:ss "));
|
|||
var title = document.createElement('b');
|
|||
title.appendChild(document.createTextNode(g.title));
|
|||
div.appendChild(title);
|
|||
div.appendChild(document.createElement('br'));
|
|||
var a = document.createElement('a');
|
|||
a.setAttribute("href",g.URL);
|
|||
var img = document.createElement('img');
|
|||
img.setAttribute('height',g.img.ysize);
|
|||
img.setAttribute('width',g.img.xsize);
|
|||
img.setAttribute('src',g.img.URL.day);
|
|||
img.setAttribute('name',g.name);
|
|||
a.appendChild(img);
|
|||
div.appendChild(a);
|
|||
div.appendChild(document.createElement('br'));
|
|||
div.appendChild(document.createElement('br'));
|
|||
return div;
|
|||
}
|
|||
var global_index;
|
|||
function index_available(index) {
|
|||
global_index = index;
|
|||
var div = document.createElement('div');
|
|||
for (g in index.graph) {
|
|||
div.appendChild(add_one_graph(index.graph[g]));
|
|||
}
|
|||
var list = document.getElementById('list');
|
|||
div.setAttribute("id","list");
|
|||
list.parentNode.replaceChild(div,list);
|
|||
| f32530f7 | Hamish Coleman | ||
//setTimeout('reload_graph()',300000);
|
|||
| 301039da | Hamish Coleman | }
|
|
function setall_graph(type) {
|
|||
| f32530f7 | Hamish Coleman | var status = document.getElementById('status');
|
|
status.innerHTML='GET';
|
|||
| 301039da | Hamish Coleman | for (i in global_index.graph) {
|
|
| f32530f7 | Hamish Coleman | status.innerHTML=i;
|
|
| 301039da | Hamish Coleman | var g = global_index.graph[i];
|
|
document.images[g.name].src = g.img.URL[type];
|
|||
}
|
|||
| f32530f7 | Hamish Coleman | status.innerHTML='';
|
|
| 301039da | Hamish Coleman | }
|
|
function reload_graph() {
|
|||
| f32530f7 | Hamish Coleman | var status = document.getElementById('status');
|
|
status.innerHTML='GET';
|
|||
| 301039da | Hamish Coleman | var now = new Date();
|
|
for (i in global_index.graph) {
|
|||
| f32530f7 | Hamish Coleman | status.innerHTML=i;
|
|
| 301039da | Hamish Coleman | var g = global_index.graph[i];
|
|
document.images[g.name].src = document.images[g.name].src
|
|||
+ "?" + now.getTime();
|
|||
}
|
|||
| f32530f7 | Hamish Coleman | status.innerHTML='';
|
|
| 301039da | Hamish Coleman | }
|
|
function index_load() {
|
|||
var status = document.getElementById('status');
|
|||
var req = new XMLHttpRequest();
|
|||
status.innerHTML='GET';
|
|||
req.open("GET","http://logs.zot.org/mrtg/indexmrtg.cgi",/*async*/true);
|
|||
req.onreadystatechange = function() {
|
|||
if (req.readyState == 4 /*complete*/) {
|
|||
status.innerHTML +=',GOT';
|
|||
var index = eval('(' + req.responseText + ')');
|
|||
status.innerHTML +=',BUILD';
|
|||
index_available(index);
|
|||
status.innerHTML='';
|
|||
}
|
|||
};
|
|||
req.send(/*no params*/null);
|
|||
}
|
|||
</script>
|
|||
</body>
|
|||
</html>
|