jQuery - 聖殿英雄傳說 MUD

連兩天完成兩支公司的程式，剛好都有用到一些jQuery，不過
大多是為了避免重覆的 code 而寫的，css 剛好也用到一點。

簡單的說就是，以表格為例，今天我要用 for 去產生很多張表
格，每張表格我都希望它們有相同的樣式:

<table>
<tr><th colspan=10>表格名稱</th></tr>
<tr><td>xx1</td><td>xx2</td>......<td>xx10</td><tr>
.
.
</table>

這時可簡單使用 jquery 去對 <th> 及 <td> 這兩種欄位做統
一個 css 設定:

<script src="jquery.3.3.1.min.js"></script>
<script>
$("th").css({
"background-color":"gray",
"font-size":"20px",
});
$("td").css({
"font-size":"12px",
});
</script>

根據實作結果，會先出現一般的表格畫面，然後才依據 css
的內容去調整表格文字的大小及底色。

因為樣式寫在 jQuery 區，修改起來就很簡單，而且可依我
的需求方便加變化進去(例如增加 click 事件)。

今天完成的程式主要是做設備孔分析，並把分析的結果以畫
表格的方式呈現，就是用表格模擬設備框架，再用表格內的
表格模擬每個槽位及每個孔位，類似底下:

┌────────┐ ┌────────┐　┌────────┐
│ 設備Ａ │ │ 設備Ｂ │　│ 設備Ｃ │
├┬┬┬┬┬┬┬┬┤ ├┬┬┬┬┬┬┬┬┤　├┬┬┬┬┬┬┬┬┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤　│┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤　│┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤　│┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤　│┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤　│┤┤┤┤┤┤┤┤┤
└┴┴┴┴┴┴┴┴┘ └┴┴┴┴┴┴┴┴┘　└┴┴┴┴┴┴┴┴┘
.
.

這時候，比方設備Ａ的第三槽位、第三孔有故障，它就會將
那個孔的顏色顯示為紅色:

$("#A-3-3").css("background-color","red");

這樣網頁一打開，所有設備的所有槽孔哪裡有問題，一目瞭
然，然後設個定時 refresh 即可。

公司的要求很簡單，只要能用圖像化的東西來呈現一些東西
的讀取或分析結果，就可以了。

for 公司的 jQuery 就先暫時談到這，以後若我會寫更深的
東西時再來分享，再來要寫 sanc 的 code 了。

最近的隨機地圖我打算後期也用 javascript 來跑，有寫好
的話我會把 code 分享出來，用這個跑有個好處，就是code
可以跨平台，玩家在自己的電腦跑這個 code 就可以拿來應
徵新型態區域臨時工。

PS、這部份應該不會用到 jQuery。


Laechan

--