-
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...
-
上回提過因使用IE自動完成 造成onchange事件不被觸發 的問題，著實帶來一些困擾，不少User抱怨系統掛在onchange事件的欄位連動功能失效。雖然User漸漸都已學會在這些欄位使用手工輸入，不要依賴IE自動完成帶入結果就可以避開問題，抱怨日少。不過我想從網頁設定上去停用autocomplete還是比較根本的解決之道。 當然，我們可以抱著寧可錯殺一百，不可錯放一個的精神來個$("input:text").attr("autocomplete", "off"...
-
專案有個需求，要在網頁上呈現多間會議室一天的使用登記狀況。'傳統思維"可能會傾向用Table <td>模擬出時段區塊，然後將預約起迄時間範圍內的<td>用colspan併成一塊。不過如果要做到登記時間以10分鐘為單位，意味著每個小時要切割成<td>，即便沒有任何預約也是，讓Table充滿一堆無用又囉嗦的廢物Tag。加上計算哪幾個<td>要併在一起，得找出第一個<td>加colspan，並將後面<td>省略，演算法不怎麼單純...
-
對我來說，Javascript在處理CSS上一直有一個小困擾... 一般在習慣上，為了方便開發人員修改，多半會將Style設定獨立放在.css檔案裡，應用者可視需要覆寫或修改之。但有蠻多時候，應用者根本不打算更動CSS內容，只想直接沿用預設CSS設定，但部署時還是少不了要Copy相對應的.css檔案，網頁也必須多加上<style src="...">宣告。 我總覺得，最理想的方式是將預設css與js融和在一個檔案裡。當開發者想自行定義CSS樣式，可將其寫在.css中加以引用...
-
開發程式時偵錯的需求，想確認預期的事件函數是否已正確bind到元素上? 直覺想法是去查詢jQuery內部物件，列出已經掛載的事件函數。追了一下原始程式，發現jQuery會把各元素的事件保存在jQuery.data(elem, "events")，而events裡又會為不同事件(例如: click, dblclick, load)各宣告一個handlers，放入events[eventType]；由於我們可以對同一事件宣告多個事件函數，因此handlers中會以handlers...
-
為了歡度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...
-
手上有個需求，要掌握網頁裡所有連結被點擊的狀況。 對jQuery來說這是小菜一碟，利用$("a").live("click", function() { ... });就可在使用者點擊連結時加入自訂邏輯。不過，有挑戰性的部分在於網頁中可能穿插IFrame內嵌其他網頁，原本這個手腳只想動在MasterPage，就打算一口氣將網站所有網頁一網打盡，但$("a")的範圍只限於jQuery所在的window物件範圍，如果連內嵌網頁都要涵蓋，感覺上得在內嵌網頁裡也加上jQuery...
-
在部落格上分享技術心得，常帶來意外收獲! 網友的迴響總讓我見識增長，額外學到的新東西超乎想像，每每發現過去忽略或未曾接觸的寶藏，總令我欣喜若狂。 說出來也不怕大家笑話，從事Web開發多年，卻未曾 在Javascript下過苦工 ，對CSS也是開始把玩jQuery後才漸漸熟悉的。終日周旋於工作家庭間，己難再鼔起滿腔熱血，心無旁鶩地狂K三天，將一個技術摸到爛熟。【需要再學，夠用就好】成了不追根究底的藉口，找到堪用工具，儘速解決問題，如期領到薪餉，珍惜家庭時光成為中年程序員卑微卻知足的生活方式，噗友說...
-
專案裡有個網頁列印的需求，在一份清單中，每個項目以Table方式呈現，而列印時不希望項目Table跨頁。以下是我搞出來的解決方案: < style type ="text/css" > .cPrintOnly { page-break-before: always; display: none; } </ style > < script type ="text/javascript" > $( function () 讀取更多...
-
今天應用到以jQuery.ajax送出XML文件，以ASPX接收處理的寫法。在倉庫挖了好久，才找出不久前剛寫過的程式碼參考。為了避免中年記憶衰退成為我活到老，Coding到老路上的絆腳石，整理一下程式貼成KB，也順便與有此需求的鄉親們分享。 HttpRequest要傳遞整份XML文件時，並不是將XML字串放在參數中，而是把整個XML內容當成POST Request的主體，因此在jQuery端與ASPX端跟一般呼叫寫法有些不同。 傳送時，必須直接使用jQuery.ajax()以精確調控參數，沒法用...
-
最近在嘗試將一個功能強大的jQuery Plugin【 jqGrid 】整到專案裡，它的功能與彈性讓人印象深刻(不過要上手得花點時間摸索)，大家可以直接看 線上展示 ，應該就能感受其威力。 jqGrid有個貼心的設計--將功能模組化。各模組的程式分散在多個js檔，有用到才需要載入，避免Client端載入肥大js只使用其中一丁點功能，白白浪費載入時間及頻寬。(剛好前些時候James Padolsey也提到 這點 ，甚至覺得殺雞不必用牛刀，小功能或許自己寫會更有效率兼便練功) jqGrid提供了兩種做法...
-
"小幫手"是我在設計網頁介面時常用的一種做法: 針對複雜的輸入操作，另外提供一個輔助性質的試算/查詢小幫手介面，讓使用者可以在上面進行一些數值試算、資料查詢，完成後再將結果填入。 由於這類小幫手介面有時還挺複雜的，若常駐在畫面上會讓操作介面變得龐雜。因此我習慣在網頁上放個小開關，按一下才顯示，再按一次則隱藏，小開關本身在切換時也常要改變顯示文字及顏色變化。 類似的東西我前後寫過好幾次，但每次用的方法跟長得樣子都不盡相同，就品管觀點來看，應該會被判定為"品質不穩定"...
-
Abstract: This is a small plugin to covert all input(text, checkbox, radio), textarea, select values into a JSON string, and the values in JSON string can be restored to fields back latter. 專案裡有個小需求，要將<DIV>中的input(text, checkbox, radio), textarea...
-
文章埋藏各種錯誤，並以"野火燒不盡春風吹又生"之姿向世人展現旺盛的生命力，向來是敝人寫作時的一大特色，但隱隱以為這是我邁向專業作家路上的絆腳石呀! (長嘆) 即便交稿前看了又看，讀了又讀，每回總是會遺留幾個可恥的錯誤在文章中(恨)。我有點想效法 SQL指令保險栓 裡提到的副艦長、武器官複核模式加強校稿，不過人家核武幾十年也用不了一次且跟地球存亡有關，才值得這般慎重。像我這樣三五不時寫些無關痛癢小文章也妄想當艦長，感覺像連尿尿也規定要副艦長拿出第二把鑰匙並恭請武器官按密碼才能開廁所門一般小題大做...
-
剛好有個需求要讓<select>裡的選項可以上下移動，落到本山人手上，想當然爾是用jQuery打死。 除了做了向上、向下鈕外，我還順手加上按【alt-向上】/【alt-向下】移動選項的快速捷，沒想到程式碼比想像中還簡潔，忍不住貼文讚嘆一番! 嘖嘖嘖，短短兩個API串接: $opt.next().after($opt)就做出了<option>向下移動的效果。記得以往用純Javascript寫，還得判斷是否為最後一個，若是就不能下移；然後上下位置交換得用options[index...