Browse by Tags

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) 24,583

Filed under: Javascript, jQuery, CODE

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

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

Posted 18 September 2009 05:51 AM 由 Jeffrey | 8 comment(s) 25,605

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

jQuery Textarea - 該用val()還是text()

網頁在FF下不正常，搞了半天才發現問題出在我使用val()指定Textarea的內容，畫面顯示看來一切OK，但經過clone()後，內容值卻消失了。 我整理出以下的範例做測試: (可用 Mini jQuery Lab 直接執行) $( "<div id='x1'><textarea id='t1'></textarea>" + "<textarea id='t2'><...

Posted 11 June 2009 07:13 PM 由 Jeffrey | 9 comment(s) 67,496

Filed under: Tips, Javascript, IE, jQuery

好用到掉渣的IE8 Developer Tools--JS效能調校經驗

對我來說，IE8最讓人興奮的新功能非"IE8 Developer Tools"莫屬!! (沒騙你們，我有文章為憑: 1 2 3 ) 上市後，IE8立即取代Firefox成為我開發網頁時的主力測試工具，也開始體驗它的強大威力。 像是可任意下指令的Console視窗我就超愛，把整個網頁玩弄於股掌之間的感覺真好~~ 就拿新聞網站為例，先用 上次提過的技巧 載入jquery-1.3.2.js，用HTML Tab的工具觀察DOM結構，然後可以在Script Tab的Conosle區一行一行下指令...

Posted 08 June 2009 04:40 AM 由 Jeffrey | 22 comment(s) 38,666

Filed under: Javascript, Performance, IE, jQuery

關於jQuery AJAX cache參數

網友DD04問到 $.ajaxSetup({ cache: false })的用途 ，我寫了一個小範例說明: <%@ Page Language="C#" %> < script runat ="server" > protected void Page_Load( object sender, EventArgs e) { if (Request[ "m" ] == "t" ) { Response...

Posted 03 June 2009 08:13 AM 由 Jeffrey | 4 comment(s) 39,613

Filed under: Javascript, jQuery

關於Checkbox Click事件的小發現

我寫了一小段程式讓一群Checkbox具有單選的限制。理論上，單選改用Radio就好了，但在我接觸的一些需求中，使用者就是偏好方格打勾的呈現方式，比較貼近傳統紙張表單設計。 程式碼挺簡單的，利用class將幾個Checkbox歸成同一群，當其中任何一個被點選時，就將整群的Checkbox先全設為未勾選，只保留被點選者。 for (var i = 1; i <= 3; i++) $( "body" ).append( "<input type='checkbox'...

Posted 29 May 2009 08:25 PM 由 Jeffrey | 6 comment(s) 31,677

Filed under: Javascript, jQuery

Greasemonkey Script: 大圖自動縮小顯示

宅神朱學恆Blog 的文章除了一向犀利大膽外，極其豪邁的全尺寸圖檔(尤其是美女正妹圖)更是一大特色。不過，圖檔實在是太大了，即便用我的1280*1024螢幕檢視，若不捲動網頁，往往只能窺得正妹照片的一小角，必須由小得可憐的可視範圍推測那一大塊膚色到底是美腿還是伴隨入鏡狗狗的後腳? 頗有瞎子摸象之趣。 【補註】後來才知道，原來有個"男子漢絕不縮圖"的典故，我又孤陋寡聞了，呵! 前幾天偶爾逛到 在Greasemonkey載入jquery.js 的做法，一時興趣就動手寫了這個想了很久的外掛...

Posted 27 May 2009 11:35 PM 由 Jeffrey | 9 comment(s) 25,064

Filed under: Javascript, jQuery

加掛某個js導致VS2008 JScript IntelliSense失效

JScript IntelliSense是我鍾愛的VS2008新功能之一，在MS正式採用jQuery後，VS2008進一步還支援 jQuery Intellisense ，更是讓人雀躍。 無奈，在加掛某些js後(例如jquery-ui.js)，你可能會看到如下錯誤: VS2008抱怨Error updating JScript IntelliSense，而錯誤訊息指出載入的js某一列有問題。但可以確定，該JS程式在瀏覽器上是正常無誤，應屬VS2008在解析Javascript時的問題。如果只是加掛的JS沒有IntelliSense...

Posted 22 April 2009 05:48 PM 由 Jeffrey | 5 comment(s) 13,845

Filed under: Tips, Javascript, VS2008, jQuery

隱含殺機的GET式AJAX資料更新

jQuery的出現讓AJAX網頁的開發瞬間變簡單了。只要寫支簡單的ASPX，用Request["..."]接入前端用jQuery.ajax()傳來的參數，馬上就實現了AJAX式的資料查詢、新增、修改、刪除功能。但是，小心不要寫出如下的程式碼: protected void Page_Load( object sender, EventArgs e) { if (Request[ "mode" ] == "del" ) { try { CheckCookieForAuthentication...

Posted 16 April 2009 04:13 PM 由 Jeffrey | 9 comment(s) 36,114

Filed under: Javascript, Security, AJAX, jQuery

ReportViewer的跨瀏覽器問題

測試了一下，ReportViewer 2008在跨瀏覽器方面問題挺多。 例如報表工具列，只有在IE下可以完整顯示，線上列印功能要動用ActiveX Control，所以IE以外的瀏覽器無法使用天經地義。但測試下來，在IE以外的瀏覽器上仍然有些其他問題要克服... 在非IE瀏覽器裡，即使ReportViewer Width、Height指定100%，也只能顯示一小塊。 我發現是<table id="ctl00_ContentPlaceHolder1_ReportViewer1"...

Posted 13 April 2009 11:03 AM 由 Jeffrey | 8 comment(s) 21,660

Filed under: CSS, Javascript, Reporting Service, jQuery

Javascript .apply()應用實例

之前談過 this與Closure ，當時JS前輩Ammon提到了apply與call。今天在寫程式時剛好有機會用到，便順手整理了一下。 一般我們呼叫Function時，都會寫成funcName(arg1, arg2, ...)的形式。但像jQuery裡的事件函數，都用this來存取觸發事件的元素，若想由程式自行呼叫這些事件函數，就只能由元素去trigger()事件。傳統funcName()的呼叫方式，因無法指定this，顯然就無法滿足這種情境下的需求。 apply() 與 call() 是Function型別的兩個Method...

Posted 10 April 2009 10:53 AM 由 Jeffrey | 3 comment(s) 33,993

Filed under: Javascript, jQuery

jQuery.live()與Event Delegation

網友Ark剛好問到live()，不知道大家有沒有覺得jQuery. live() 具有為"未來元素"設定事件的未卜先知能力很神奇? 至少在乍聽之餘，我覺得很不可思議，莫非它要攔截所有建立元素的過程? 不對，難度很高、沒效率、漏洞也很多，那麼又是怎麼做到的呢? 本草網目 官方文件上有詳細的解釋，關鍵在 Event Delegation 。 過去bind()時，會逐一在元素上設定事件，而Event Delegation則是利用事件會 Bubble Up 的特性，直接把事件掛在document上...

Posted 15 March 2009 03:44 AM 由 Jeffrey | 9 comment(s) 29,860

Filed under: Javascript, jQuery

CODE-用Javascript刪除ASP.NET寫入的Cookie

今天要挑戰的是用Javascript刪除ASP.NET寫入的Cookie。 Client-Side本來就可以由document.cookie取得Cookie，其為一字串，格式類似cookie1=value1;cookie2=value2;cookie3=value3，要用得自行拆解，但不乏現成的共用函數可以代勞。若網頁有引用jQuery， jQuery Cookie Plugin 是不錯的選擇。 要用jQuery Cookie Plugin刪除Cookie可以寫成$.cookie("CookieName"...

Posted 06 February 2009 10:03 AM 由 Jeffrey | with no comments 15,140

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

CODE-抛棄式Javascript匿名函數的使用

來試試用程式碼寫Blog... //網友wangaguo詢問以下Javascript表示法的用意 ( function (m) { alert(m); })( "Hello" ); //以上的寫法相當於 var x = function (m) { alert(m); } x( "Hello" ); //或是再傳統一點, 用具名函數來示範 function y(m) { alert(m); } y( "Hello" ); //以上三種寫法結果相同...

Posted 17 January 2009 03:42 PM 由 Jeffrey | 2 comment(s) 17,956

Filed under: Javascript, jQuery, CODE

jQuery 1.3來了!!

jQuery於2009/01/14釋出1.3版!! 看了一下 發行文件 ，這次的改版有幾大特色: Selector引擎大換血 : 代號為Sizzle的新版引擎，比前一個版本1.2.6速度提高49%，跟Prototype、MooTools、Dojo相比，目前jQuery1.3是最快的。值得一提的是，Sizzle是個獨立Selector引擎，並非jQuery獨有，未來在其他AJAX Framework裡也可以看到它的身影。 Live Events : 以往在使用jQuery .bind()時只能侷限於設定當下已存在的元素...

Posted 15 January 2009 02:21 PM 由 Jeffrey | 10 comment(s) 20,734

Filed under: Javascript, jQuery

搜尋