jQuery又推出新版本囉! 1.7版已於11/3正式發佈~ 又到了該整理新版筆記的時候: PS: 從上週五就有"好多人"提醒我(只差走在路上沒被人拍肩): 嘿! jQuery出1.7了耶~~ 雖然遲了幾天，但我還是很自愛地再當一下值日生... XD .on(...

在HTML5 Canvas塗鴉板裡，雖然提供了匯出圖檔功能，卻必須由使用者自行在網頁的圖檔上按右鍵另存檔案，只能算半自助的服務。理想做法應比照一般網頁下載操作，在按鈕後直接跳出存檔提示，讓使用者決定存檔位置及檔名等，較符合一般使用者期望。 我在網路上找到Jacob Seidelin實作的cav...

這是開發工具程式時的副產品，整理成使用HTML5 Canvas實做手繪塗鴉板的範例(可適用IE9)。 程式結構分成四個主要部分: 第一部分在網頁加入八個不同背景顏色的20x20<div>，掛上click()事件當作點選後指定畫筆顏色的調色盤；第二部分則用同樣概念加入八個20x20的...

很久前討論過ready()與load()的差異，今天處理IFrame load()事件時，又有新發現。 依jQuery文件: The load event is sent to an element when it and all sub-elements have been comp...

這兩天寫程式遇到兩則jQuery議題，花了點時間才釐清，特筆記備忘。 第一個問題出現在$("#boo”).data(“foo”, fooObject).addClass(“bar”);，其於特定情況下會彈出"Error: Unable to get value of the...

收到需求: 針對大小寫有別的網頁密碼欄，因使用者無法看到其所輸入字元，希望操作介面能比照Windows，在使用者按下大寫鎖定鍵(Caps Lock)時發出提醒，減少誤按導致大小寫相反的狀況。 JavaScript的按鍵事件並未提供大寫鍵資訊，要判斷得繞點路，我想到的簡便做法是透過Shift鍵旗...

在先前介紹過的Unobtrusive Validation(謙卑式檢核)寫法，我們都是用data-val-ruleName="檢核失敗訊息"的方式指定檢核失敗時要顯示的訊息文字。但在實務情境下，檢核訊息常需依使用者選擇或輸入的內容不同而顯示不同的訊息，以提高介面親和力。(例如...

.live()與.delegate()都是藉重DOM事件會由子元素一路向父元素Bubble Up的特性，在document或特定元素統一掛上事件函數，事件被觸發時再透過選擇器比對事件目標元素是否吻合，決定要不要執行事件邏輯，藉此提升效率，同時還能將"未來才會建立的元素"也納入...

先講一個好消息，不讓ASP.NET MVC專美於前，謙卑式檢核(Unobtrusive Validation)在ASP.NET 4.5 WebForm將成為內建功能囉! 聽到這消息讓我格外振奮，它意味著: 1) 現在已投入的研究心得及開發出來的擴充模組，將來肯定能更廣泛應用，2) 未來寫ASP....

ASP.NET MVC 3 comes with jQuery unobtrusive validation (if you are not familiar with jQuery unobtrusive validation, Brad Wilson has a good article),...

隨著AJAX動態更新技術的普及，手邊專案有愈來愈多網頁開始實現"無PostBack"的設計風格，透過jQuery $.post(), $.get()與ASP.NET程式溝通，執行查詢、更新作業並取得結果，再動態改變HTML DOM回應使用者。(註: 對ASP.NET開發者來說，UpdatePan...

網頁介面有時會有"使用者必須勾選某個CheckBox"的檢核要求，例如: 要求使用者確認已閱讀過並同意授權聲明或免責條款。若要使用謙卑式jQuery檢核實現，直覺想到的就是為<inpu type="checkbox">加上data-val=”t...

測試發現IE9切到IE7相容模式後，jquery.validate.js的驗證功能完全失效，不做任何檢核就送出表單。 追進原始碼，發現問題出在jquery.validate.js (ver 1.8)裡elements()函數的寫法: elements: function() ...

為一個使用BIG5編碼的網站寫一小段AJAX Script滿足需求，結果踢到了鐵板。 使用$.get()或$.post()取得後端網頁程式執行內容是很普遍的技巧，但若網頁採BIG5編碼而非UTF-8時，會衍生額外議題。 以下面的網頁為例，我們在按鈕click()事件中使用$.get(loca...

你也許沒聽過jQuery.cssHooks，但只要寫過.css("opacity", "0.5")，你就已經享用過它的好處了! cssHooks是jQuery用來實現跨瀏覽器CSS特效的手法，大家有沒有想過，IE是從IE9才開始支援CSS opacity屬...

jQuery 1.6 introduced deferred.pipe() to provide a easier way for chained actions, and the $.animate() started supporting “deferred” as well.  ...