jQuery 1.4.2 的 .live() API 在 IE 無法套用 change 事件

分享到噗浪!

今天幫同事除掉了一個 Bug,主要的問題在於他在網頁的某個下拉選單 ( <select> ) 使用 .live() API 套用change 事件,但客戶卻測出一個無法觸發 change 事件的狀況,不過同事之前都一律使用 Firefox 進行測試,所以一直沒發生問題過,但今天我用 IE8 測試後發現所有透過 live() API 註冊 change 的事件全部都不會執行,看來這應該是 jQuery 1.4.2 的 Bug 了,希望下一版能修復。

... 繼續閱讀 ...

  

此文章由 will 發表於 2010/8/29 下午 08:39:51

永久連結 | 評論 (4) | 此文章的RSSRSS comment feed |

分類: JavaScript

標籤: ,

使用 jQuery(document).ready() 與 window.onload 注意事項

分享到噗浪!

我的部落格這週的圖片超多,下載完首頁竟然要 5MB 這麼大,頻寬夠的話首頁下載完畢大概 1 分鐘左右,也因為這個關係我採用了 Lazy Load Plugin for jQuery 讓我部落格上的圖片可以等使用者看到時再下載,透過這種延遲效果就能讓使用者不會等待所有圖片都下載才能順利看到網頁,由於 Lazy Load Plugin for jQuery 必須在 jQuery(document).ready() 裡啟動,但我昨天測試卻怎麼測試都會等圖片全部下載完才會執行,那不就沒用了嗎?也因為此問題讓我研究出許多問題背後的問題與問題之外的問題,收穫頗為豐富,請繼續看下去。

... 繼續閱讀 ...

  

此文章由 will 發表於 2010/7/24 下午 05:32:16

永久連結 | 評論 (6) | 此文章的RSSRSS comment feed |

分類: JavaScript | 心得分享

標籤: ,

SyntaxHighlighter 與 Windows Live Writer 的使用經驗分享

分享到噗浪!

我的部落格使用 SyntaxHighlighter 當程式碼片段的高亮度顯示工具,且在 Windows Live Writer 編輯文章時也有安裝支援 SyntaxHighlighter 的外掛,由於我的部落格使用的是 SyntaxHighlighter 1.5.1 的舊版本 (目前最新版 SyntaxHighlighter v3.0.83 ),所以慢慢的也開始遇到版本之間的問題,因為網路上可以下載到的 Windows Live Writer 外掛也有好幾套,為了避免裝錯我還是做一下筆記好了。

... 繼續閱讀 ...

  

此文章由 will 發表於 2010/7/10 下午 07:54:50

永久連結 | 評論 (4) | 此文章的RSSRSS comment feed |

分類: JavaScript | 介紹好用工具

標籤: , ,

自訂 jQuery 選取器:提供 Contains 支援不區分大小寫比對

分享到噗浪!

最近有專案要用到下拉式選單搜尋的功能,由於客戶的表單中有個下拉選單(DropDownList)有數千個選項要選取,由於選項太多因此我設計了一個搜尋下拉選單的功能,雖然 jQuery 有內建 :contains() 選取器,不過卻是區分大小寫的版本,因此我自行擴充了一個選取器,讓搜尋時可以不區分大小寫。

... 繼續閱讀 ...

  

此文章由 will 發表於 2010/7/8 下午 09:26:33

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: JavaScript

標籤: ,

在 Visual Studio 2010 活用 jQuery 的開發工具使用技巧

分享到噗浪!

我們在日常開發工作當中對於 jQuery 已經非常依賴,幾乎每個大大小小的案子都會用上一些,所以深入瞭解 Visual Studio 2010 能帶來什麼幫助十分重要,妥善的利用開發工具帶來的便利性將可以有效減少開發時間、提升開發效率,今天我就要介紹幾個 Visual Studio 2010 與 jQuery 相關功能、開發技巧與好用工具。

... 繼續閱讀 ...

  

此文章由 will 發表於 2010/4/19 上午 12:35:19

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: JavaScript | Visual Studio | 介紹好用工具

標籤: ,

使用 Regular Expression 驗證密碼:使用 JavaScript 的陷阱

分享到噗浪!

我在前年有寫過一篇【 使用 Regular Expression 驗證密碼 】文章,當時撰寫的技巧完全是針對 .NET 提供的 Regular Expression 而寫,雖然我的文章在標籤的地方有特別提到 .NET,但還是有人將文章裡提供的 Regular Expression 直接抄去給 JavaScript 使用,結果當然是養出一堆莫名其妙的臭蟲(Bug)。

... 繼續閱讀 ...

  

此文章由 will 發表於 2010/3/8 上午 02:17:01

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: JavaScript | Web

標籤: , ,

你想要花 17 個小時從領域專家學會 JavaScript 嗎?

分享到噗浪!

學習 JavaScript 除了看書外,我之前也看了好幾則線上的 JavaScript 影片,收穫非常大,之前也在我的噗浪上分享了一些心得,想不到在網路上看到有人將這些 JavaScript 專家錄製的影片做了個整理,其中好幾則影片就是我之前看過的,這些演講者都是 JS 界的大師,有心想學好 JavaScript 的人不可不看!

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/12/21 下午 11:58:57

永久連結 | 評論 (5) | 此文章的RSSRSS comment feed |

分類: JavaScript

標籤:

如何自動取得所有前端 JavaScript 錯誤以提升網站品質

分享到噗浪!

我們每個案子都會用許多錯誤追蹤的機制確保網站品質,但還是不時會讓客戶發現有些功能無法操作,而這些問題大多出在 JavaScript 錯誤,由於一些老舊的瀏覽器或不同瀏覽器特性不同的關係,難免會有不小心寫錯的時候,為了能有效追蹤這些不易察覺的錯誤,我們會利用 JavaScript 追蹤 JavaScript 錯誤!

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/12/7 下午 12:08:01

永久連結 | 評論 (5) | 此文章的RSSRSS comment feed |

分類: Tips | JavaScript | Web

標籤: , ,

設定 Cookie 時可善用 HttpOnly 特性減低網站安全風險(XSS)

分享到噗浪!

Cookie hijacking 是個很常見的 XSS 攻擊手法,大多是利用網站既有的 XSS 漏洞並透過 JavaScript 取得 documnet.cookie 資料,而 documnet.cookie 就包含所有你在該網頁所有可用的 Cookie 資料,但若你的網站程式在設定 Cookie 的時候有特別加上 HttpOnly 屬性,就可以進一步避免該頁的 Cookie 被 JavaScript 存取,也可保護使用者的 Cookie 不會偷走。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/11/26 下午 12:13:48

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: Web | JavaScript | ASP.NET | Security

標籤: , , ,

在 Web 2.0 時代必須重視 JavaScript/JSON Hijacking 攻擊

分享到噗浪!

ASP.NET MVC 2.0 Preview 2 開始 JsonResult 已經被修改成只能在 HTTP POST 的時候回應,像我們經常使用 jQuery$.getJSON 就不能再用了,我從 ASP.NET MVC 2.0 Preview 2 Release Note 得知 JSON Hijacking 之後就持續追蹤下去,覺得這是個非常值得注意的安全問題。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/11/13 下午 11:55:00

永久連結 | 評論 (3) | 此文章的RSSRSS comment feed |

分類: .Net | ASP.NET MVC | JavaScript | Security | Web

標籤: , , , , ,

利用 jQuery 將 DOM 元素聚焦 focus() 的六個版本

分享到噗浪!

簡單的東西不簡單,將 DOM 元素聚焦是個再簡單不過的功能了,在實務上也經常用到,但是我們最近在使用 FancyBox 利用 IFRAME 載入頁面時卻怎麼樣都無法讓游標自動停在特定的文字輸入框中,除此之外,我也將我這些年累積遇到無法 focus() 的問題做了一次總整理,一共有六個版本之多。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/10/29 下午 09:56:43

永久連結 | 評論 (5) | 此文章的RSSRSS comment feed |

分類: Web | Tips | JavaScript

標籤: , , ,

介紹好用工具:ScriptConverter (VBScript 轉成 JavaScript)

分享到噗浪!

今天拿到一堆客戶提供的 VBScript 程式碼範例,雖然看的懂,但不知為何就是看不順眼,所以上網找了個 ScriptConverter 線上轉換工具,可以把 VBScript 全部轉成 JavaScript,雖然轉過去的 JavaScript 程式還是會有語法錯誤,但至少可以幫你省去 90% 重寫的時間。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/9/7 下午 04:27:21

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: JavaScript | Visual Basic

標籤: , ,

如何避免使用者在特定網頁表單在未經送出時意外離開

分享到噗浪!

這是個簡單的 JavaScript 小技巧且不常用,昨天有個客戶提到需要提醒使用者當資料編輯到一半突然試圖離開網頁時需要提醒使用者是否真的要離開此網頁,以避免輸入到一半的表單資料就此消失,以下是一些撰寫類似功能的心得與注意事項。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/8/12 上午 10:09:08

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: Web | JavaScript

標籤: , , , , ,

推薦一個完全用 DHTML / CSS 完成的圖表繪製函式庫

分享到噗浪!

最近用了一個很簡易的繪製圖表(Chart)的工具,完全是以 DHTML / CSS 完成所有圖表繪製工作,是個完全 Client-side 的套件,而且支援 Gecko-Browsers, IE 4, 5, 6, 7, 8, Opera 5, 6 and 7+ 等各式瀏覽器,如果你的圖表並不複雜,建議可以考慮用這套進行圖表繪製,可以省去你不少時間。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/7/14 下午 03:33:58

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: JavaScript | Web | CSS

標籤: ,

介紹好網站:The Ultimate jQuery List

分享到噗浪!

像我們幾乎每天都要與 jQuery 為伍,到處搜尋 jQuery Plugins 是難免的,有時後還花不少時間試用過才會決定用在專案裡,我之前介紹過MiniAjax.com 網站就包括許多 jQuery 外掛,不過今天介紹的網站就真的全部都跟 jQuery 有關的外掛套件:The Ultimate jQuery List

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/7/13 上午 11:12:57

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: JavaScript | Web

標籤: ,

使用 FCKeditor 應注意的幾個可能出現的安全漏洞的地方

分享到噗浪!

我們幾乎每個網站後台都會用到 FCKeditor 讓客戶編輯 HTML 內容,用過的人都說讚,但我發現初學者在套用 FCKeditor 時卻很容易犯下幾個嚴重的錯誤,讓網站暴露在危險之中。建議所有開發人員一定要重新檢視有使用過 FCKeditor 的專案,看看你有沒有犯了相同的錯誤。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/7/5 上午 12:06:00

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: ASP.NET | JavaScript

標籤: ,

介紹好網站:open-open.com ( 許多開源碼的工具大集合 )

分享到噗浪!

最近發現一個不錯的 open-open.com 網站,雖然首頁的標題是「Java开源大全」(簡體網站) 且網站內以 Java 的開源碼資源居多,但裡面還有整理許多不同類型的開源碼套件,例如 Ajax/JavaScript脚本大全 就收集了許多跟 Ajax 有關的套件,裡面有上百套實用的套件,在 ASP.NET 的領域一樣可以用。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/7/3 下午 08:37:55

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: Web | JavaScript

標籤: , , ,

介紹 jQuery Tools 與 jQuery UI 這兩套好用的 jQuery 套件

分享到噗浪!

我想家喻戶曉的 jQuery UI 套件應該不用特別介紹了,但我最近又看到一套不錯的 jQuery Tools 套件,相較於知名且多功能的 jQuery UI 套件,jQuery Tools 提供一種額外的選擇,他只提供幾種網站上最常用的功能,包括 Tabs、Tooltips、Expose、Overlay、Scrollable、Flashembed 等,其中的 Flashembed 就可以取代我們之前常用的 swfobject 套件,他還支援 SIFR 功能喔。光聽我說還不夠,最好立即看看線上展示,你就知道有哪些酷炫實用的效果了。

... 繼續閱讀 ...

  

此文章由 will 發表於 2009/6/21 上午 12:41:13

永久連結 | 評論 (1) | 此文章的RSSRSS comment feed |

分類: JavaScript | Web

標籤: , ,