Compressed the Javascript code to improve loading time; placed the uncompressed code in a separate file
This commit is contained in:
parent
280a8b9327
commit
b9e28ce35b
3 changed files with 545 additions and 588 deletions
|
@ -1,108 +1,11 @@
|
|||
%!: /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;
|
||||
}
|
||||
var start;i=new Image(50,60)i.src="spin.gif"function load(){var img=document.getElementById("spin");img.innerHTML=' ';loadData()}function loadData(){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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue