2013年9月19日 星期四

javascript-clock , ajax-realtime-update

javascript-heartbeat

function clock(){ ajax();
now = new Date();hours = now.getHours();minutes = now.getMinutes();seconds = now.getSeconds();
$.ajax({url: "heartbeat"})
timeValue = hours+':'+((minutes < 10) ? "0":"") + minutes + ":"+((seconds < 10) ? "0":"") + seconds ;
_refreshv("clock",timeValue);
setTimeout("clock()",1000);}
theader='<table border="1" id="td_id"> ';tfooter='</table>';
tbody='<tr><th></th>';
var _b =_HEADERS.split(',');for (a in _b){tbody=tbody+"<th>"+_b[a]+"</th>";}
tbody=tbody+"</tr>"
_11=theader+tbody+tfooter;
document.getElementById('table').innerHTML = _11
$(document).ready( function() {
    $.getJSON(
"http://sourceServer/?callback=?",
function(data){_refreshv("ip",data.host);}
);
    clock();
    _refreshv('browser',_getlevel());
_1=_HEADERS+","+_BodyLabels
var _b = _1.split(',');
_gentable("tb_body",2,_b.length,"left");
for (a in _b){ _i=(a*1)+1; _refresh("tb_body"+"["+_i+"]"+"["+0+"]",_b[a]);}
});



var arr = _dimension(50);
function ajax(){
$.ajax({type: "GET",url: "status",dataType: "xml",data: { Sql: SQL}, //xml  
success: function(data)
{if (data.getElementsByTagName("<%=CountField%>")[0])   //SCTYCode
{
NumberOfLine=data.getElementsByTagName('<%=CountField%>').length;
_b = _VALUES.split(',');
_gentable("td_id",_b.length+1,NumberOfLine);
for (rr=0; rr<NumberOfLine;rr++)
{  
for (a=0;a<_b.length;a++){
_1=_b[a];
_value=data.getElementsByTagName(_1)[rr].childNodes[0].nodeValue
_refresh("td_id"+"["+(rr+1)+"]"+"["+(a+1)+"]",_value);
}
}
if (_BodyValue){_p1=_VALUES+","+_BodyValue;} else {_p1=_VALUES;}
_b = _p1.split(',');
for (rr=0; rr<NumberOfLine;rr++)
{  var _2="";
var delimiter="";
for (a=0;a<_b.length;a++){
_1=_b[a];
_value=data.getElementsByTagName(_1)[rr].childNodes[0].nodeValue
_2=_2+delimiter+_value;
delimiter=",";
}
arr[rr+1]=_2;
}

  _a=arr[1];
   var _b = _a.split(',');
for (i in _b){ _refresh("tb_body"+"["+(i*1+1)+"]"+"["+1+"]",_b[i]);  }  
$("#td_id tr").not(':first').hover(function () {
// $('#td_id tr').not(':first').on('click hover', function () {
   var RowIndex = $(this).index();
  _refreshv('rowno',RowIndex);
  _a=arr[RowIndex];
   var _b = _a.split(',');
for (i in _b){
_refresh("tb_body"+"["+(i*1+1)+"]"+"["+1+"]",_b[i]);
 }
  $(this).css("background","yellow");
  },
  function () {$(this).css("background","");
});} } })}


$( "#content" ).delegate( "*", "focus blur", function( event ) {
var elem = $( this );
setTimeout(function() {elem.toggleClass( "focused", elem.is( ":focus" ) );}, 0);
});

沒有留言:

張貼留言