123 lines
2.7 KiB
Text
123 lines
2.7 KiB
Text
%!: /header.html
|
|
<script type="text/javascript">
|
|
var start;
|
|
|
|
i = new Image(50,60)
|
|
i.src = "spin.gif"
|
|
|
|
function load() {
|
|
var img = document.getElementById("spin");
|
|
img.innerHTML = ' ';
|
|
loadSensordata();
|
|
}
|
|
|
|
function loadSensordata() {
|
|
var r;
|
|
try { r = new XMLHttpRequest(); }
|
|
catch(e) {
|
|
try { r = new ActiveXObject("Msxml2.XMLHTTP"); }
|
|
catch(e) {
|
|
try { r = new ActiveXObject("Microsoft.XMLHTTP"); }
|
|
catch(e) {
|
|
alert("Your browser does not support AJAX!");
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
r.onreadystatechange = function() {
|
|
if(r.readyState == 1) {
|
|
var img = document.getElementById("spin");
|
|
img.innerHTML = '<img src="spin.gif">';
|
|
}
|
|
if(r.readyState == 4) {
|
|
var img = document.getElementById("spin");
|
|
img.innerHTML = 'took ' +
|
|
((new Date()).getTime() - start.getTime()) / 1000 +
|
|
' seconds';
|
|
eval(r.responseText);
|
|
}
|
|
}
|
|
start = new Date();
|
|
r.open("GET", "/sensordata.shtml", true);
|
|
r.send(null);
|
|
}
|
|
|
|
function e(el) {
|
|
d = document;
|
|
if(d.getElementById) {
|
|
return d.getElementById(el);
|
|
} else if (d.all) {
|
|
return d.all[el];
|
|
}
|
|
}
|
|
function s(el,n,max,text) {
|
|
e(el).innerHTML = '<table width=504 border=0 cellpadding=1 cellspacing=0>'+
|
|
'<tr><td width=200>' +
|
|
text + '</td>' +
|
|
'<td width=' + (300*n/max) + ' bgcolor="gray"> </td>' +
|
|
'<td width=' + (300-300*n/max) + ' bgcolor="lightgray"> </td>' +
|
|
'</table>';
|
|
}
|
|
function dc(n,d) {
|
|
return n.toFixed(d);
|
|
}
|
|
function t(m) {
|
|
n = dc(-39.6+0.01*m, 1);
|
|
s('temp',n,40,'Temperature '+n+' °C');
|
|
}
|
|
function h(m) {
|
|
n = dc(-4+0.0405*m - 2.8e-6*(m*m), 2);
|
|
s('hum',n,100,'Humidity '+n+'%');
|
|
}
|
|
function l1(m) {
|
|
n = dc(.7629394375*m, 0);
|
|
s('l1',n,200,'Light 1 '+n);
|
|
}
|
|
function l2(m) {
|
|
n = dc(.4693603*m, 0);
|
|
s('l2',n,200,'Light 2 '+n);
|
|
}
|
|
function rs(m) {
|
|
n = m + 45;
|
|
s('rs',n,100,'RSSI '+n);
|
|
}
|
|
function p(c,l,t,r) {
|
|
tm=c+l;
|
|
cp=c*1.8/tm;
|
|
lp=l*0.0545/tm;
|
|
lt=t*17.7/tm;
|
|
lr=r*20/tm;
|
|
n=cp+lp+lt+lr;
|
|
s('p',n,30,'Power consumption '+dc(n,2)+' mW');
|
|
s('pc',cp,30,'CPU power '+dc(cp,2)+' mW');
|
|
s('pl',lp,30,'LPM power '+dc(lp,2)+' mW');
|
|
s('pr',lr,30,'Radio RX power '+dc(lr,2)+' mW');
|
|
s('pt',lt,30,'Radio TX power '+dc(lt,2)+' mW');
|
|
}
|
|
function i(n) {
|
|
e('i').innerHTML = n;
|
|
}
|
|
</script>
|
|
<h1>Node
|
|
%! nodeid
|
|
</h1>
|
|
<a onclick="loadSensordata();" href="#">Reload</a>
|
|
|
|
<span id="spin"> </span>
|
|
<h2>Environment</h2>
|
|
<div id="temp"></div>
|
|
<div id="hum"></div>
|
|
<h2>Light</h2>
|
|
<div id="l1"></div>
|
|
<div id="l2"></div>
|
|
<h2>Power</h2>
|
|
<div id="p"></div>
|
|
<div id="pc"></div>
|
|
<div id="pl"></div>
|
|
<div id="pr"></div>
|
|
<div id="pt"></div>
|
|
<br><br>
|
|
<div id="i">0</div>
|
|
%!: /footer.html
|
|
|
|
|