組織長列表

之前會把每個禮拜的研究進度記錄在 部落格上， 方便自己檢視過去曾經做過的事。 我是用列表 (list) 來做記錄，每個禮拜的進度就是一個項目 (item)， 不過用直式列表來做記錄有很大的缺點：

1. 時間一久，列表就越來越長， 以至於每次我要看前幾個禮拜的結果時，都要將網頁捲到最底端。
2. 我的工作通常是每過幾個禮拜就有一個段落，如果用直式列表做記錄的話， 不易將記錄分段。

所以就有了將這個長列表改寫的念頭， 我的想法是利用 tabs，將每一個段落收在一個 tab 裡面， 這樣我可以將每個段落分得很清楚。 其次是我可以將最近的工作顯示在最前面的 tab，方便檢視最近的進度。

我在 maxdesign 找到一個我覺得不錯的設計： Unraveled CSS Tabs。 不過，使用 CSS tabs 的話會遇到一個問題， 每一個 tab 就是一個 html 檔案，這樣維護起來很麻煩。 我的希望是只要一個 html 的檔案就好，不過如此一來就需要使用 Javascript， 才可以動態設定 html element 的 CSS 屬性 display。 雖然沒有學過 Javascript，但是憑著程式設計的經驗， 在看過 Javascript in Ten Minutes 和查閱過 mozilla 及 MSDN， 總算完成了 我的想法。