<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
var sortBy = 0;
function sortTable(key){
switch(key){
case "id" :
sortBy = 0;
break;
case "name" :
sortBy = 1;
break;
}
refreshTable();
}
function refreshTable(){
var data = [];
var _httpRequest = false;
try{_httpRequest = new XMLHttpRequest();}catch(e){
try{_httpRequest = new ActiveXObject('Msxml2.XMLHTTP');}catch(ee){
try{_httpRequest = new ActiveXObject('Microsoft.XMLHTTP');}catch(eee){}}}
if( !_httpRequest ) return false;
_httpRequest.open('get',"/pzjs/servlet/TestServlet",false);
_httpRequest.onreadystatechange = function(){
data = eval(_httpRequest.responseText);
}
_httpRequest.send(null);
data.sort(function(o1,o2){
if( o1[sortBy] > o2[sortBy]){
return 1;
} else if( o1[sortBy] == o2[sortBy]) {
return 0;
}
return -1;
});
var table = [];
table.push("<table>");
table.push("<tr><td><a href='#' οnclick='sortTable(/"id/");'>ID</a></td><td><a href='#' οnclick='sortTable(/"name/");'>Name</a></td></tr>");
for( var i = 0 ; i < data.length ; i ++ ){
var value = data[i];
table.push("<tr><td>");
table.push(value[0]);
table.push("</td><td>");
table.push(value[1]);
table.push("</td></tr>");
}
table.push("</table>");
document.getElementById("tableContainer").innerHTML = table.join("");
}
function testPZ(){
setInterval(refreshTable,2000);
}
</script>
</head>
<body>
<button οnclick="testPZ();">test</button>
<div id="tableContainer">
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
var sortBy = 0;
function sortTable(key){
switch(key){
case "id" :
sortBy = 0;
break;
case "name" :
sortBy = 1;
break;
}
refreshTable();
}
function refreshTable(){
var data = [];
var _httpRequest = false;
try{_httpRequest = new XMLHttpRequest();}catch(e){
try{_httpRequest = new ActiveXObject('Msxml2.XMLHTTP');}catch(ee){
try{_httpRequest = new ActiveXObject('Microsoft.XMLHTTP');}catch(eee){}}}
if( !_httpRequest ) return false;
_httpRequest.open('get',"/pzjs/servlet/TestServlet",false);
_httpRequest.onreadystatechange = function(){
data = eval(_httpRequest.responseText);
}
_httpRequest.send(null);
data.sort(function(o1,o2){
if( o1[sortBy] > o2[sortBy]){
return 1;
} else if( o1[sortBy] == o2[sortBy]) {
return 0;
}
return -1;
});
var table = [];
table.push("<table>");
table.push("<tr><td><a href='#' οnclick='sortTable(/"id/");'>ID</a></td><td><a href='#' οnclick='sortTable(/"name/");'>Name</a></td></tr>");
for( var i = 0 ; i < data.length ; i ++ ){
var value = data[i];
table.push("<tr><td>");
table.push(value[0]);
table.push("</td><td>");
table.push(value[1]);
table.push("</td></tr>");
}
table.push("</table>");
document.getElementById("tableContainer").innerHTML = table.join("");
}
function testPZ(){
setInterval(refreshTable,2000);
}
</script>
</head>
<body>
<button οnclick="testPZ();">test</button>
<div id="tableContainer">
</div>
</body>
</html>