書籤網頁的四格漫畫和氣象雲圖正常了
西元 2004 年 6 月 29 日 早上 9 點 37 分不知道什麼時候,我把自己有興趣的網頁網址彙整到一個網頁裡,把這個彙整放在 server 上,這樣子我就可以在任何地方存取到我的書籤 (刻苦但簡單的方式)。後來發現搜尋引擎會搜尋到這個網頁 (詳見 5/29 寫的個人網頁的隱密性),所以我把這個網頁移到自己電腦裡,原本的書籤只剩下一些較能 public 的超連結,私人的超連結則只放在我的電腦裡,只有 local 端才能存取。
書籤裡面除了收集的超連結之外,還有一些自己寫的 JavaScript,它能依照目前時間,秀出中央氣象局的亞洲和台灣的氣象雲圖 (滑鼠沒移上去前是亞洲版,移上去後變成台灣版)、新浪網的 River 543 和奇摩 Yahoo 的 OL 蔡桃桂四格漫畫。
這些 Javascript code 原本在慣用的 IE 瀏覽器很正常,改用 Mozilla Firefox 之後,發現四格漫畫和氣象圖都會出不來了,用 Mozilla Firefox JavaScript Console 查看的結果,它說是我用 id 命名的一些 object 沒有定義 (Not defined)?這個問題一直延續至今,因為我有點懶得去改。
趁著今天有空,我改寫了一些 code,它又可以正常運作了。
首先,我找到一個 JavaScript DOM 網頁,裡頭詳細列出 JavaScript 能操縱網頁裡 object 的所有 API (fields, methods, …),仔細的檢查之後發現,原來 IE 是屬於較軟性規定 DOM 的 (鬆散?人性化?),我定義在 <div> 裡的 element (譬如一個 <img> element,其 id 值為 comic_ol_img) 可以直接用 comic_ol_img 存取,但是在 Mozilla Firefox 會出現錯誤 (object not defined),我得改用 window.document. getElementByTag(”comic_ol_img”) 才能存取得到 comic_ol_img object (IE 可以 work)。
上面可能講得太複雜了。簡單的說,我的 <img> 是長像下面這樣子:
...
<div>
<img id="comic_ol_img" src="" alt="" />
</div>
早期我是這樣來設定 comic_ol_img element 的 src 屬性 (在 IE 上可以 work):
<script type="text/javascript">
comic_ol_img.src=”http://tw.news.yi…”;
</script>
不過以上的 JavaScript code 在 Mozilla Firefox 上會出現 「comic_ol_img is not defined」 的錯誤。我必須改成以下的 code,Mozilla Firefox 才會正常的顯示出我要的圖片 (IE 也是正常的):
<script type="text/javascript">
window.document.getElementById(”comic_ol_img”).src=”http://tw.news.yi…”;
</script>
改完之後,我又可以每天開瀏覽器,連上奇摩 Yahoo 和新浪網看四格漫畫了。 :p

(這是什麼?)
西元 2004 年 6 月 29 日 at 10:37 pm
放在這種網站如何?
http://crutons.com/
(這是什麼?)
西元 2004 年 6 月 29 日 at 10:59 pm
剛剛去試了一下,crutons 左邊 menu 的 bookmarks 在 Firefox 居然不 work。 -___-