Browse by Tags

CODE-用jQuery調整Sharepoint頁面

這段程式碼背後有段 心酸 有趣的故事... 今天同事轉達User的需求給我，程式都寫完了，才驚覺一個多月前我早就寫過同樣的程式邏輯，而且還是同一位同事提的需求。換句話說，提需求的人跟做需求的人居然 他X的 很有默契地一起把需求忘個精光，讓我不禁思索起: 每日忙著處理的這些需求，對我的人生，究竟存在什麼意義? (謎之聲: 意義是... 黑暗: 你給我滾!!) 回到正題(跳一下)，回頭檢討，如果上次我有發文記錄一下心得，應該就不會發生此等慘事... 這，就是本文的由來。 需求是這樣的: 在Sharepoint的頁面上有一個清單WebPart...

Posted 18 March 2010 05:12 PM 由 Jeffrey | with no comments

Filed under: Sharepoint, jQuery

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...

Posted 08 March 2010 11:36 PM 由 Jeffrey | 6 comment(s)

Filed under: English, jQuery

CODE-鎖定有掛onchange事件的欄位停用自動完成

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

Posted 05 March 2010 03:56 PM 由 Jeffrey | 2 comment(s)

Filed under: IE, jQuery, CODE

POC-以jQuery實作會議室登記狀況顯示

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

Posted 25 February 2010 05:56 PM 由 Jeffrey | 1 comment(s)

Filed under: jQuery, CODE

黑暗jQuery工具包1-動態加入預設Style設定

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

Posted 25 February 2010 06:07 PM 由 Jeffrey | with no comments

Filed under: jQuery, CODE

CODE-列舉元素已掛載的jQuery事件

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

Posted 23 January 2010 10:37 AM 由 Jeffrey | with no comments

Filed under: jQuery, CODE

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...

Posted 16 January 2010 09:36 AM 由 Jeffrey | 9 comment(s)

Filed under: Javascript, jQuery

CODE-滲透式jQuery.live()

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

Posted 04 January 2010 08:40 PM 由 Jeffrey | 12 comment(s)

Filed under: Javascript, jQuery, CODE

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...

Posted 22 November 2009 08:46 AM 由 Jeffrey | 8 comment(s)

Filed under: jQuery, CODE

活到老學到老-CSS Media Types

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

Posted 06 November 2009 01:48 AM 由 Jeffrey | 3 comment(s)

Filed under: CSS, jQuery

MEMO-網頁列印強迫分頁

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

Posted 04 November 2009 07:24 PM 由 Jeffrey | 2 comment(s)

Filed under: Javascript, jQuery, CODE

jQuery-將網頁元素名稱標示出來

不知有沒有人跟我有一樣的困擾? 步入中年後，腦容量似有變小趨勢，每次寫網頁Client Script時，<input>, <select>的欄位名稱老記不住，要用時總是要回HTML Source或用 IE Dev Tools 去查，查完了一轉頭又忘了，再不然就是切換回Script Editor時搞不清楚剛才寫到哪裡。幾番折騰下來，效率很差，心情很糟。(老了，不中用了~~ 不中用了~~ 不~中~用~了了了了~~~) 於是我寫了以下的jQuery Plugin，試圖把所有的輸入元素id直接顯示在網頁上...

Posted 13 October 2009 09:49 AM 由 Jeffrey | 9 comment(s)

Filed under: jQuery, CODE

jQuery-利用上下左右鍵移動輸入焦點

今天同事詢問如何在網頁實作以上下左右鍵移動輸入焦點的效果，我寫了一個jQuery解法示範，順便貼出來跟大家分享。 範例中有4x4共16個矩陣狀排列的<input>，我先用each("tr") each("td")為每個<input>標上tabindex。每列的tabindex相差100，如此加減100就可以跳到上下列的同一欄。統一為<input>加上cGridInput Class Name，方便後續以selector一次選取...

Posted 06 October 2009 01:39 PM 由 Jeffrey | 1 comment(s)

Filed under: jQuery, CODE

CODE-ASPX接收jQuery.ajax傳送XML文件範例

今天應用到以jQuery.ajax送出XML文件，以ASPX接收處理的寫法。在倉庫挖了好久，才找出不久前剛寫過的程式碼參考。為了避免中年記憶衰退成為我活到老，Coding到老路上的絆腳石，整理一下程式貼成KB，也順便與有此需求的鄉親們分享。 HttpRequest要傳遞整份XML文件時，並不是將XML字串放在參數中，而是把整個XML內容當成POST Request的主體，因此在jQuery端與ASPX端跟一般呼叫寫法有些不同。 傳送時，必須直接使用jQuery.ajax()以精確調控參數，沒法用...

Posted 02 October 2009 04:12 PM 由 Jeffrey | 5 comment(s)

Filed under: ASP.NET, jQuery, CODE

輕量級的js檔打包解決方案

最近在嘗試將一個功能強大的jQuery Plugin【 jqGrid 】整到專案裡，它的功能與彈性讓人印象深刻(不過要上手得花點時間摸索)，大家可以直接看 線上展示 ，應該就能感受其威力。 jqGrid有個貼心的設計--將功能模組化。各模組的程式分散在多個js檔，有用到才需要載入，避免Client端載入肥大js只使用其中一丁點功能，白白浪費載入時間及頻寬。(剛好前些時候James Padolsey也提到 這點 ，甚至覺得殺雞不必用牛刀，小功能或許自己寫會更有效率兼便練功) jqGrid提供了兩種做法...

Posted 18 September 2009 09:51 AM 由 Jeffrey | 4 comment(s)

Filed under: Javascript, ASP.NET, jQuery, CODE

搜尋