论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2009-05-30 19:55 |只看该作者 |倒序浏览

10可用积分

用什么办法可实现在网页上显示如下功能
目录下有一个文件nodeinfo.txt中有如下内容，linux下，每30分更新一次，代表每个计算节点已分配使用的CPU数
8 8 8 8 8
6 8 4 7 8
0 0 n 8 8
2 2 8 8 8
8 8 0 0 8

现在打算在网页上显示如下效果：生成一个5*5的表格，如果对应的数字为8，单元格颜色为红色，大于4小于8为橙色，小于等于4为绿色。

请高手帮助，最好用Javascript实现。

最佳答案

nonultimate

查看完整内容

.green {color: green;}.orange {color: orange;}.red {color: red;}var xmlhttp = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();function showInfo(file, time) { xmlhttp.open("GET", file, false); xmlhttp.send(); var data = xmlhttp.responseText; data = data.replace(/^\s+/g, ''); data = data.replace(/\s+$/, ''); var a = data.split('\n'); for (var i in a) { ...

文库|博客

nonultimate

稍有积蓄

论坛徽章:: 0

2楼 [报告]

发表于 2009-05-30 19:55 |只看该作者

<html>
<head>
<style type="text/css">
.green {color: green;}
.orange {color: orange;}
.red {color: red;}
</style>
</head>
<script type="text/javascript">
var xmlhttp = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();

function showInfo(file, time) {
  xmlhttp.open("GET", file, false);
  xmlhttp.send();
  var data = xmlhttp.responseText;
  data = data.replace(/^\s+/g, '');
  data = data.replace(/\s+$/, '');
  var a = data.split('\n');
  for (var i in a) {
var b = a[i].split(' ');
for (var j in b) {
   var str = b[j];
   if (b[j] == 8) {
      str = '<span class="red">' + b[j] + '</span>';
   } else if(b[j] > 4) {
      str = '<span class="orange">' + b[j] + '</span>';
   } else if (b[j] <= 4) {
      str = '<span class="green">' + b[j] + '</span>';
   }
   document.write(str + " ");
}
document.write('<br />');
  }
}

showInfo("nodeinfo.txt");
</script>
<body>
</body>
</html>