Browse by Tags

筆記-讓ASP.NET TreeView可以透過Javascript新增節點

同事在網頁上用了 ASP.NET TreeView控件 ，但專案規格中需要由Javascript端完成新增節點的動作，很不幸地，這不是ASP.NET TreeView內建支援的功能。 如果時間充裕的話，我會建議改用jQuery TreeView Plugin，較符合大量Client端客製的需求，但因時程迫在眉睫，且只差這個小功能，所以大家不要考究"破解"ASP.NET TreeView前端設計的意義，把它想像成打破水缸救人就好。 寫完這段程式，等同於小小地破解ASP.NET TreeView前端HTML與Script設計...

Posted 16 July 2010 09:13 PM 由 Jeffrey | 2 comment(s) 24,360

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

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) 27,862

Filed under: Javascript, jQuery, CODE

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,587

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,612

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

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,146

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,961

Filed under: Javascript, jQuery, CODE

搜尋