使用者:Xacid
出自 MozTW Wiki
其實不知道要寫什麼，就隨便放一些筆記。
Nvu 0.90 中文化
試著使用 piaip 提供的工具 MozLCDB 進行中文化的工作， 的確是方便很多，比起之前一堆 *.dtd, *.properties 弄得頭昏眼花好多了。以 Nvu 為例， piaip 之前已經製作了 0.50 版的 locale 檔 ， 就可以用 MozLCDB 把之前的翻譯成果匯入資料庫，不過還需要 0.50 的英文語系檔，要自己到 Nvu 下載 Nvu 0.50 、解壓縮取出英文 en-US.jar 。抓完 MozLCDB 和中英文 0.50 的 locale 以後全部解壓縮到 mozlcdb/ ， 中英的 locale 分別放在 mozlcdb/zh-TW/, mozlcdb/en-US/ ，再下一層目錄放的就是 global/ 等資料夾。然後執行：
- $ perl mozlcdb.pl -n en-US zh-TW
如此可產生 mozlcdb.txt 和 current.txt 。 mozlcdb.txt 是詞庫，紀錄所有翻譯過的詞 (glossary) ， current.txt 則存放待翻譯的部份；當然這邊 piaip 已經全部翻完了。詞庫匯入以後剛剛的 en-US, zh-TW 都可以砍了。 接著是匯入 0.90 的 locale ，把 0.90 的 en-US.jar 解壓縮到 mozlcdb/ ，產生的 locale/ 底下就是 global/ ， 所以執行：
- $ perl mozlcdb.pl -i locale/
這樣就匯入 0.90 的詞庫了，再看看 glossary 的內容，之前匯入的翻譯還在，也有些是新的；而 current.txt 的內容則完全是沒翻譯過的。 這時候就可以開始編輯 current.txt ，格式很簡單，把中文填上去就可以。
關於網頁技術
使用 getElementById("") 做選單
其實應該可以完全用 CSS 寫，可是用 CSS 好像就沒辦法點一次開、再點一次收。 這只是一個簡單的範例，有些地方怪怪的，實際用的時候可能需要用 CSS 美化。
<html>
<head>
<script language="JavaScript">
function modifyMenu(menuId){
menu=document.getElementById(menuId);
if( menu.style.display == "none")
menu.style.display = "block";
else
menu.style.display = "none";
}
</script>
<style type="text/css">
#menu1, #menu2{
display:none;
}
</style>
</head>
<body>
<div onmousedown="modifyMenu('menu1')">選單之一
<ul id="menu1">
<li>次選單一</li>
<li>次選單二</li>
<li>次選單三</li>
</ul></div>
<div onmousedown="modifyMenu('menu2')">選單之二
<ul id="menu2">
<li>次選單一</li>
<li>次選單二</li>
<li>次選單三</li>
</ul></div>
</body>
</html>
position:fixed 的使用
看到一個關於固定圖層的討論，麻煩的是 IE 不能用 position:fixed ，還會把 body 多加空的捲軸；而 Firefox 不能使用滑鼠滾輪捲動 overflow:scroll 製造的捲軸。於是很 dirty 的利用 IE 不能用的 selector ，製造出固定的圖層，而且在 Firefox 中也可以用滑鼠捲動。其實根本是純粹無聊， IE 沒有的東西不要管他就好了。
<html>
<head>
<style type="text/css">
<!--
body{
padding:0;
margin:0;
overflow:auto;
}
#main{
position:absolute;
height:100%;
width:100%;
overflow:auto;
}
body > div#main{
height:auto;
overflow:visible;
}
#fixed{
position:absolute;
top:100px;
right:100px;
z-index:100;
background-color:#aaaaff;
}
body > div#fixed{
position:fixed;
}
-->
</style>
</head>
<body>
<div id="fixed">
<h1>Fixed!</h1>
</div>
<div id="main">
*********************<br />
*********************<br />
*********************<br />
*********************<br />
(repeats)
</div>
</body>
</html>
