Browse by Tags

jQuery 1.4 Solved The OnChange Event Issue of IE AutoComplete

IE's AutoComplete feature doesn't trigger onchange event is a well-known "by-design" behaviour: Using AutoComplete in HTML Forms To determine when a user updates the content of a field from the AutoComplete dialog box, use the onpropertychange event, rather than the onchange event,...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 03-08-2010
CODE-鎖定有掛onchange事件的欄位停用自動完成

上回提過因使用IE自動完成造成onchange事件不被觸發的問題，著實帶來一些困擾，不少User抱怨系統掛在onchange事件的欄位連動功能失效。雖然User漸漸都已學會在這些欄位使用手工輸入，不要依賴IE自動完成帶入結果就可以避開問題，抱怨日少。不過我想從網頁設定上去停用autocomplete還是比較根本的解決之道。當然，我們可以抱著寧可錯殺一百，不可錯放一個的精神來個$("input:text").attr("autocomplete", "off")，把網頁上所有<input type='text'>的自動完成功能全都閹掉...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 03-05-2010
POC-以jQuery實作會議室登記狀況顯示

專案有個需求，要在網頁上呈現多間會議室一天的使用登記狀況。'傳統思維"可能會傾向用Table <td>模擬出時段區塊，然後將預約起迄時間範圍內的<td>用colspan併成一塊。不過如果要做到登記時間以10分鐘為單位，意味著每個小時要切割成6個<td>，即便沒有任何預約也是，讓Table充滿一堆無用又囉嗦的廢物Tag。加上計算哪幾個<td>要併在一起，得找出第一個<td>加colspan，並將後面<td>省略，演算法不怎麼單純。分析起來，這就是該用CSS取代Table做法實作Layout的經典情境。寫了一段jQuery程式做出POC...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 02-25-2010
黑暗jQuery工具包1-動態加入預設Style設定

對我來說，Javascript在處理CSS上一直有一個小困擾... 一般在習慣上，為了方便開發人員修改，多半會將Style設定獨立放在.css檔案裡，應用者可視需要覆寫或修改之。但有蠻多時候，應用者根本不打算更動CSS內容，只想直接沿用預設CSS設定，但部署時還是少不了要Copy相對應的.css檔案，網頁也必須多加上<style src="...">宣告。我總覺得，最理想的方式是將預設css與js融和在一個檔案裡。當開發者想自行定義CSS樣式，可將其寫在.css中加以引用，或在HTML中以<style>逕行宣告；若只想用預設內容，則只需參照.js就大功告成...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 02-25-2010
CODE-列舉元素已掛載的jQuery事件

開發程式時偵錯的需求，想確認預期的事件函數是否已正確bind到元素上? 直覺想法是去查詢jQuery內部物件，列出已經掛載的事件函數。追了一下原始程式，發現jQuery會把各元素的事件保存在jQuery.data(elem, "events")，而events裡又會為不同事件(例如: click, dblclick, load)各宣告一個handlers，放入events[eventType]；由於我們可以對同一事件宣告多個事件函數，因此handlers中會以handlers[handlerId]的方式保存事件函數。看起來很抽象，跑一次範例便一目瞭然: $( "div"...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 01-22-2010
jQuery 1.4 小閱兵

為了歡度jQuery四歲生日(jQuery由John Resig 於 2006/01/14 在 BarCamp NYC 首次發表 [註] )，jQuery開發團隊在2010/01/14釋出了 jQuery 1.4版。簡單整理一下我所理解的1.4改版重點: 大量重構常用的函數，降低程式複雜度(主要是減少內部函數彼此呼叫的次數)，達到改善效能的目標。 * .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 01-15-2010
CODE-滲透式jQuery.live()

手上有個需求，要掌握網頁裡所有連結被點擊的狀況。對jQuery來說這是小菜一碟，利用$("a").live("click", function() { ... });就可在使用者點擊連結時加入自訂邏輯。不過，有挑戰性的部分在於網頁中可能穿插IFrame內嵌其他網頁，原本這個手腳只想動在MasterPage，就打算一口氣將網站所有網頁一網打盡，但$("a")的範圍只限於jQuery所在的window物件範圍，如果連內嵌網頁都要涵蓋，感覺上得在內嵌網頁裡也加上jQuery，也跑一次$("a").live("click"...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 01-04-2010
CODE-用jQuery實作<select>選項上下移動(複選版)

91哥在留言裡出了個 jQuery考題 : 清單的項目有1,2,3,4,5，單選上下都沒問題了。多選OK的情況： (A) 選了2,3，按上，清單會變成2,3,1,4,5。 (B) 選了1,3，按上，清單會變成1,3,2,4,5。 (C) 選了2,5，按上，清單會變成2,1,3,5,4。小的現在碰到的情況是: 選了1,2，按上，清單會變成2,1,3,4,5。原因是因為 each會從依序從最前面開始判斷，當1不做事時，下一個2則會跟1換位置，需求應該是「選了1,2，按上，清單仍維持1,2,3,4,5」。不曉得針對這樣的需求，黑大有沒建議的作法？好一個難易適中的挑戰題，忍不住手癢，就試解如下...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 11-21-2009
活到老學到老-CSS Media Types

在部落格上分享技術心得，常帶來意外收獲! 網友的迴響總讓我見識增長，額外學到的新東西超乎想像，每每發現過去忽略或未曾接觸的寶藏，總令我欣喜若狂。說出來也不怕大家笑話，從事Web開發多年，卻未曾在Javascript下過苦工，對CSS也是開始把玩jQuery後才漸漸熟悉的。終日周旋於工作家庭間，己難再鼔起滿腔熱血，心無旁鶩地狂K三天，將一個技術摸到爛熟。【需要再學，夠用就好】成了不追根究底的藉口，找到堪用工具，儘速解決問題，如期領到薪餉，珍惜家庭時光成為中年程序員卑微卻知足的生活方式，噗友說，這叫MOP(Money Oriented Programming)，一針見血! (謎之聲: 嘴砲一堆...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 11-05-2009
MEMO-網頁列印強迫分頁

專案裡有個網頁列印的需求，在一份清單中，每個項目以Table方式呈現，而列印時不希望項目Table跨頁。以下是我搞出來的解決方案: < style type ="text/css" > .cPrintOnly { page-break-before: always; display: none; } </ style > < script type ="text/javascript" > $( function () { //DataList的每六列加一個表頭 var $rows = $( "#DataList1...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 11-04-2009

第1頁，共8頁 (77個項目) 1 2 3 4 5 下一頁 > ... 最後一頁 »