Browse by Tags

CODE-用jQuery調整Sharepoint頁面
這段程式碼背後有段 心酸 有趣的故事... 今天同事轉達User的需求給我,程式都寫完了,才驚覺一個多月前我早就寫過同樣的程式邏輯,而且還是同一位同事提的需求。換句話說,提需求的人跟做需求的人居然 他X的 很有默契地一起把需求忘個精光,讓我不禁思索起: 每日忙著處理的這些需求,對我的人生,究竟存在什麼意義? (謎之聲: 意義是... 黑暗: 你給我滾!!) 回到正題(跳一下),回頭檢討,如果上次我有發文記錄一下心得,應該就不會發生此等慘事... 這,就是本文的由來。 需求是這樣的: 在Sharepoint的頁面上有一個清單WebPart...
Posted 18 March 2010 05:12 PMJeffrey | with no comments
Filed under: ,
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...
CODE-鎖定有掛onchange事件的欄位停用自動完成
上回提過因使用IE自動完成 造成onchange事件不被觸發 的問題,著實帶來一些困擾,不少User抱怨系統掛在onchange事件的欄位連動功能失效。雖然User漸漸都已學會在這些欄位使用手工輸入,不要依賴IE自動完成帶入結果就可以避開問題,抱怨日少。不過我想從網頁設定上去停用autocomplete還是比較根本的解決之道。 當然,我們可以抱著寧可錯殺一百,不可錯放一個的精神來個$("input:text").attr("autocomplete", "off"...
POC-以jQuery實作會議室登記狀況顯示
專案有個需求,要在網頁上呈現多間會議室一天的使用登記狀況。'傳統思維"可能會傾向用Table <td>模擬出時段區塊,然後將預約起迄時間範圍內的<td>用colspan併成一塊。不過如果要做到登記時間以10分鐘為單位,意味著每個小時要切割成6個<td>,即便沒有任何預約也是,讓Table充滿一堆無用又囉嗦的廢物Tag。加上計算哪幾個<td>要併在一起,得找出第一個<td>加colspan,並將後面<td>省略...
黑暗jQuery工具包1-動態加入預設Style設定
對我來說,Javascript在處理CSS上一直有一個小困擾... 一般在習慣上,為了方便開發人員修改,多半會將Style設定獨立放在.css檔案裡,應用者可視需要覆寫或修改之。但有蠻多時候,應用者根本不打算更動CSS內容,只想直接沿用預設CSS設定,但部署時還是少不了要Copy相對應的.css檔案,網頁也必須多加上<style src="...">宣告。 我總覺得,最理想的方式是將預設css與js融和在一個檔案裡。當開發者想自行定義CSS樣式,可將其寫在.css中加以引用...
Posted 25 February 2010 06:07 PMJeffrey | with no comments
Filed under: ,
CODE-列舉元素已掛載的jQuery事件
開發程式時偵錯的需求,想確認預期的事件函數是否已正確bind到元素上? 直覺想法是去查詢jQuery內部物件,列出已經掛載的事件函數。追了一下原始程式,發現jQuery會把各元素的事件保存在jQuery.data(elem, "events"),而events裡又會為不同事件(例如: click, dblclick, load)各宣告一個handlers,放入events[eventType];由於我們可以對同一事件宣告多個事件函數,因此handlers中會以handlers...
Posted 23 January 2010 10:37 AMJeffrey | with no comments
Filed under: ,
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...
CODE-滲透式jQuery.live()
手上有個需求,要掌握網頁裡所有連結被點擊的狀況。 對jQuery來說這是小菜一碟,利用$("a").live("click", function() { ... });就可在使用者點擊連結時加入自訂邏輯。不過,有挑戰性的部分在於網頁中可能穿插IFrame內嵌其他網頁,原本這個手腳只想動在MasterPage,就打算一口氣將網站所有網頁一網打盡,但$("a")的範圍只限於jQuery所在的window物件範圍,如果連內嵌網頁都要涵蓋,感覺上得在內嵌網頁裡也加上jQuery...
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...
活到老學到老-CSS Media Types
在部落格上分享技術心得,常帶來意外收獲! 網友的迴響總讓我見識增長,額外學到的新東西超乎想像,每每發現過去忽略或未曾接觸的寶藏,總令我欣喜若狂。 說出來也不怕大家笑話,從事Web開發多年,卻未曾 在Javascript下過苦工 ,對CSS也是開始把玩jQuery後才漸漸熟悉的。終日周旋於工作家庭間,己難再鼔起滿腔熱血,心無旁鶩地狂K三天,將一個技術摸到爛熟。【需要再學,夠用就好】成了不追根究底的藉口,找到堪用工具,儘速解決問題,如期領到薪餉,珍惜家庭時光成為中年程序員卑微卻知足的生活方式,噗友說...
MEMO-網頁列印強迫分頁
專案裡有個網頁列印的需求,在一份清單中,每個項目以Table方式呈現,而列印時不希望項目Table跨頁。以下是我搞出來的解決方案: < style type ="text/css" > .cPrintOnly { page-break-before: always; display: none; } </ style > < script type ="text/javascript" > $( function () ...
jQuery-將網頁元素名稱標示出來
不知有沒有人跟我有一樣的困擾? 步入中年後,腦容量似有變小趨勢,每次寫網頁Client Script時,<input>, <select>的欄位名稱老記不住,要用時總是要回HTML Source或用 IE Dev Tools 去查,查完了一轉頭又忘了,再不然就是切換回Script Editor時搞不清楚剛才寫到哪裡。幾番折騰下來,效率很差,心情很糟。(老了,不中用了~~ 不中用了~~ 不~中~用~了了了了~~~) 於是我寫了以下的jQuery Plugin,試圖把所有的輸入元素id直接顯示在網頁上...
jQuery-利用上下左右鍵移動輸入焦點
今天同事詢問如何在網頁實作以上下左右鍵移動輸入焦點的效果,我寫了一個jQuery解法示範,順便貼出來跟大家分享。 範例中有4x4共16個矩陣狀排列的<input>,我先用each("tr") each("td")為每個<input>標上tabindex。每列的tabindex相差100,如此加減100就可以跳到上下列的同一欄。統一為<input>加上cGridInput Class Name,方便後續以selector一次選取...
CODE-ASPX接收jQuery.ajax傳送XML文件範例
今天應用到以jQuery.ajax送出XML文件,以ASPX接收處理的寫法。在倉庫挖了好久,才找出不久前剛寫過的程式碼參考。為了避免中年記憶衰退成為我活到老,Coding到老路上的絆腳石,整理一下程式貼成KB,也順便與有此需求的鄉親們分享。 HttpRequest要傳遞整份XML文件時,並不是將XML字串放在參數中,而是把整個XML內容當成POST Request的主體,因此在jQuery端與ASPX端跟一般呼叫寫法有些不同。 傳送時,必須直接使用jQuery.ajax()以精確調控參數,沒法用...
輕量級的js檔打包解決方案
最近在嘗試將一個功能強大的jQuery Plugin【 jqGrid 】整到專案裡,它的功能與彈性讓人印象深刻(不過要上手得花點時間摸索),大家可以直接看 線上展示 ,應該就能感受其威力。 jqGrid有個貼心的設計--將功能模組化。各模組的程式分散在多個js檔,有用到才需要載入,避免Client端載入肥大js只使用其中一丁點功能,白白浪費載入時間及頻寬。(剛好前些時候James Padolsey也提到 這點 ,甚至覺得殺雞不必用牛刀,小功能或許自己寫會更有效率兼便練功) jqGrid提供了兩種做法...
更多文章 下一頁 »

搜尋

Go

<March 2010>
SunMonTueWedThuFriSat
28123456
78910111213
14151617181920
21222324252627
28293031123
45678910
 
RSS
【工商服務】
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


BlogLook Score and Rank

Syndication