Category: jquery

jQuery 1.7筆記

2011-11-07 07:09 AM

26,159

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

CODE-Canvas.toDataURL()另存檔案

2011-11-01 06:39 AM

28,112

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

用100行實現HTML5可存檔塗鴉版

2011-10-30 11:51 PM

75,898

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

jQuery筆記-IFrame .load()事件

2011-10-27 07:30 AM

63,223

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

jQuery .data()與.attr()筆記兩則

2011-10-25 11:04 PM

20,130

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

CODE-網頁密碼欄位的大寫鎖定鍵提醒

2011-10-25 07:06 AM

12,084

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

謙卑式jQuery檢核-動態訊息

2011-10-21 12:27 AM

13,549

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

jQuery .delegate() vs .live()

2011-10-14 12:15 AM

22,434

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

謙卑式jQuery檢核: 複合式欄位

2011-09-30 07:21 AM

11,263

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

Multiple-Selection Field With jQuery Unobtrusive Validation

2011-09-28 07:28 AM

23,823

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動態內容支援瀏覽器回上頁功能

2011-09-22 07:49 AM

30,219

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