
平臺論壇博客文庫

› 論壇 › 程序設計 › Web開發(fā) › 用什么辦法可實現(xiàn)在網(wǎng)頁上顯示如下功能

用什么辦法可實現(xiàn)在網(wǎng)頁上顯示如下功能 [復制鏈接]

emc2

白手起家

論壇徽章:: 0

電梯直達

1樓 [收藏(0)] [報告]

發(fā)表于 2009-05-30 19:55 |只看該作者 |倒序瀏覽

10可用積分

用什么辦法可實現(xiàn)在網(wǎng)頁上顯示如下功能
目錄下有一個文件nodeinfo.txt中有如下內(nèi)容，linux下，每30分更新一次，代表每個計算節(jié)點已分配使用的CPU數(shù)
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

現(xiàn)在打算在網(wǎng)頁上顯示如下效果：生成一個5*5的表格，如果對應的數(shù)字為8，單元格顏色為紅色，大于4小于8為橙色，小于等于4為綠色。

請高手幫助，最好用Javascript實現(xiàn)。

最佳答案

nonultimate

查看完整內(nèi)容

.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) { ...

文庫|博客

楊亮-移動廣告投放-潛在用戶探尋_部分1.pdf
C# 合并拆分Word.docx
C# 添加PDF圖層.docx
凌感科技馬賡宇——虛擬現(xiàn)實與人機交互技術(shù).pdf
C# 添加、刪除 Excel 文本框.docx
使用正則表達式與lex實現(xiàn)詞法分析器
C語言的MIPS匯編實現(xiàn)（四）SWITCH
Requested init /linuxrc failed (error -2).
比較 csv 文件中數(shù)據(jù)差異
LMD ElPack v2019.7新版亮點：Transparent mode全新升級|附下載

nonultimate

稍有積蓄

論壇徽章:: 0

2樓 [報告]

發(fā)表于 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>

實戰(zhàn)分享：從技術(shù)角度談機器學習入門| 【大話IT】RadonDB低門檻向MySQL集群下戰(zhàn)書 | ChinaUnix打賞功能已上線！ | 新一代分布式關(guān)系型數(shù)據(jù)庫RadonDB知多少？

ziggler

版主

論壇徽章:: 0

3樓 [報告]

發(fā)表于 2009-05-31 10:25 |只看該作者

回復 #1 emc2 的帖子

可編輯的 HTML JavaScript 表格控件 DataGrid II

CSDN技術(shù)中心可編輯的 HTML JavaScript 表格控件 DataGrid II (31 May 2009)

http://dev.csdn.net/article/28/28685.shtm

供參考