Cod: Selectaţi tot
<table style="position: absolute; width: 99%; border:1px solid;" >
<tr>
<td>Actions</td>
</tr>
<tr>
<td id="row1" style="border:1px solid;">ROW 1 ACTION</td>
</tr>
<tr>
<td id="row2" style="border:1px solid;">ROW 2 ACTION</td>
</tr>
<tr>
<td id="row3" style="border:1px solid;">ROW 3 ACTION</td>
</tr>
<tr>
<td id="row4" style="border:1px solid;">ROW 4 ACTION</td>
</tr>
</table>
<script type="text/javascript">
var cnt=-1;
var idle=0;
var timeOut;
var console="row1";
window.onblur=function(){
idle=1;
idleCounter(cnt);
msgConsole('out1','Idle activity was set! Prepairing to count...');
}
window.onmouseout=function(){
idle=1;
idleCounter(cnt);
msgConsole('out1','Idle activity was set! Prepairing to count...');
}
window.onfocus=function(){
idle=0;
clearTimeout(timeOut);
clearConsole('out1');
msgConsole(console,'Your activity message was reset!');
}
window.onmousemove=function(){
idle=0;
clearTimeout(timeOut);
clearConsole('out1');
msgConsole(console,'Your activity message was reset!');
}
function idleCounter(num)
{
num++;
msgConsole(console,'You are idle for '+num+' seconds.');
if(num<=0)
{
timeOut = setTimeout("idleCounter("+num+")",3000);
}else{
timeOut = setTimeout("idleCounter("+num+")",1000);
}
}
function msgConsole(id,message)
{
document.getElementById(id).innerHTML="<BR>"+message;
}
function clearConsole(id)
{
document.getElementById(id).innerHTML="";
}
</script>
Bineinteles ar fi foarte utila, daca ar folosi si obiectul xmlhttp, care trimite parametrii de stare serverului la intervale de 1 min.