JavaScript分類文章 顯示方式:簡文 | 列表

2007年02月5日

部落格小玩意2: 輕鬆在文章中加入「Tag, 標籤」連結

標籤 Tag Web 部落格 JavaScript

標籤 (Tag) 是隨著網路共享書籤興起的分類與搜尋方式,其中有些共享書籤還提供了幫你產生「標籤碼」的功能,例如 Technorati 。網路上也不少標籤產生器,像《關鍵字轉Technorati標籤》、《Technorati Tag 書籤產生器》、《讓你的網誌擁有 Blog Tag》。但這些產生器不是要裝外掛,就是只產生 code ,還要部落客再自己剪貼、複製什麼的,實在是太麻煩了。我想要直接把 Tag 寫在文章中,然後讓程式自動幫我把 Tag 轉成連結。於是,就完成了這篇小玩意。

...繼續閱讀

Posted by shirock at 樂多Roodo!1:45回應(4)引用(3)

2007年02月2日

DOM::A bug about table in M$IE

DOM IE DHTML bug

我又來談 IE 的 bug 了,這次是關於 IE 處理動態產生之表格的問題。這事有段時間了,我看到 Thinker 在《jQuery 的使用 innerHTML 的問題》提到當他使用 jQuery 裡的 JavaScript library 產生頁面內容時碰到這問題 ,這才讓我想起來。這問題說來有趣,我之前是在 MSDN 裡找到答案,見《How to Build Tables Dynamically》。我看了 MSDN 的文章會想笑,又一個把 IE 的 bug 當技術文章的案例。

...繼續閱讀

Posted by shirock at 樂多Roodo!23:58回應(2)引用(0)

2007年01月25日

Regular Expression (RegExp) in JavaScript

javascript regexp

Regular Expression (以下簡稱 REGEX) 是以一組特定字元符號描述字串樣式規則的記述語法。簡單地說, REGEX 用於表達字元符號在字串中出現的規則。舉個例子說明,在 REGEX 中,字元 '^' 放在第一個位置表示字串開頭位置,當我寫下 ^A 的記述時,便表示必須是一個開頭為 A 的字串,如 Adam,才符合此一規則。這個表達規則通常稱為 pattern 。 ECMAScript/JavaScript 以內建的 RegExp Object 提供 REGEX 功能。See also: ECMA-262 15.10 - RegExp Objects

...繼續閱讀

Posted by shirock at 樂多Roodo!23:26回應(5)引用(2)

2007年01月23日

無所覺的表單動作, 在使用者未察覺的情形下自動送出表單

這是本人一時興起的試驗作品,寫完之後發現... 這是「惡意」的表單動作。因為我可以在使用者毫無所覺的情形下,記錄使用者瀏覽網站的每一個動作。

原始動機起於我想要在每一個連結上加上「點擊即自動加入書籤」的功能。作法是為網頁上每一個連結都加上點擊事件 (click event) 。當使用者點擊連結時,事件處理函數會自動產生一個表單 (form) ,將連結的網址及標題 (連結標籤中的文字) 填入,再自動將表單送往 黑米共享書籤 (Hemidemi) ,即完成加入書籤的動作。整個過程中,表單是不可見及不可察覺的。瀏覽器仍然會載入連結,而使用者不會察覺到表單送出動作。

...繼續閱讀

Posted by shirock at 樂多Roodo!22:56回應(8)引用(1)

2007年01月11日

部落格小玩意: 為部落格加上「加入xx分享書籤」的按鈕

書籤 hemidemi myshare myyahoo digg technorati

最近我為部落格加上了一些常見的網路分享書籤按鈕。眼尖的人應該在首頁就會注意到,我的文章旁邊都會有一排「加入書籤」的按鈕;閱讀全文時,文章底下也有這一排。這並不是樂多提供的功能。讀者如果已經登入過那些分享書籤系統,那麼在瀏覽我的文章時,只要按下按鈕就會跳出加入書籤的頁面並填入網址及標題。這個動作只要知道那些書籤系統的新增功能頁面的 URL 就可以做到。

我整理了 6 個臺灣使用者常見的書籤系統的 URL 並做成樂多專用的 JavaScript 型式,樂多的 blogger 只要複製後就可以用。 6 個書籤系統分別是: 黑米 HEMiDEMi, 智邦 MyShare, Yahoo 分享書籤, 國外的 del.icio.us, diggTechnorati

我提供了兩種工具,一種是只在部落格首頁的邊欄上加上書籤按鈕,第二種是為每一篇文章加上書籤按鈕。

...繼續閱讀

Posted by shirock at 樂多Roodo!23:34回應(23)引用(12)

2007年01月10日

JSON 的安全性

JSON 是 JavaScript 語言的子集合,在 JavaScript 中透過 eval() 喚醒 JSON object 。但 eval() 是個泛用性功能,一句不當的 eval() 操作,足以讓惡意人士在 JSON 內容中植入可執行性敘述達成破壞目的。

此安全性狀況只發生在 JavaScript 中,而其他程式語言由於語法不同兼且多數透過專屬函數編碼與解碼 JSON ,反而無此顧慮。

...繼續閱讀

Posted by shirock at 樂多Roodo!21:48回應(2)引用(1)

2006年12月15日

用 JavaScript 切換網頁的 Flash

我在部落格的首頁上放了一個 Blog 音樂盒的欄位 (為部落格加上合法授權的音樂盒),今天想加個選單選擇要播放的音樂盒。原本理所當然地直接改變 embed 元素的 src 屬性的內容,結果毫無反應。上網查了一下發現這功能的支援依瀏覽器而異,最通用方式竟然是用 innerHTML 重新寫入 HTML code 的傳統用法。

...繼續閱讀

Posted by shirock at 樂多Roodo!23:13回應(0)引用(1)

2006年11月29日

Function.prototype.call() and Function.prototype.apply()

JavaScript 調用 function object 的方式,除了傳統的 () 算符 [若用 C++ 的表達方式,即 operator() ],還可以藉由 call()apply() 兩種個體行為調用。

...繼續閱讀

Posted by shirock at 樂多Roodo!23:57回應(1)引用(1)

2006年11月28日

Rendering images with title and box

我個人喜歡簡單、敏捷。因此當我在網頁文章中放置圖像 (image) 時,我希望透過 JavaScript 改變圖像的呈現方式,加上一個標題以及外框。標題自動從圖像的 'alt' 屬性中取得,當然啦,順便加上順序編號看起來就更正式了。

...繼續閱讀

Posted by shirock at 樂多Roodo!23:45回應(0)引用(2)

2006年10月4日

Photo163 相冊下載工具第三版 (PHP + JavaScript 實作版本)

十月一日起,網易相冊 (Photo 163) 功能改版。因應更動,修訂下載工具第三版。此次改版內容如下列:

...繼續閱讀

Posted by shirock at 樂多Roodo!6:21引用(0)
 [第一頁]  [1]  [2]  [3]  [4]  [5]  [6]  [最終頁]