in

Darkthread

黑暗執行緒
All Tags » jQuery (RSS)

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 下一頁 > ... 最後一頁 »
Powered by Community Server (Non-Commercial Edition), by Telligent Systems