Browse by Tags

XML的jQuery處理補遺

保哥開啟了一個有趣的議題: 解決在 IE 下無法將 HTML/XML 轉成 jQuery 物件的問題 。當傳回的內容是XML，若未將HttpRequest的dataType設為"xml"，最後在處理XML時，會發生在Firefox上可行但在IE不成功的結果。 因為好奇，追了一下jQuery的Source Code，發現關鍵出在這裡: httpData: function ( xhr, type, filter ) { var ct = xhr.getResponseHeader...

Posted 20 November 2008 06:55 AM by Jeffrey | with no comments

Filed under: Javascript, jQuery

jQuery課後輔導: 你可能沒用過的Javascript小技巧

使用Javascript撰寫Client-Side程式也好些年了，卻從來沒對Javascript這個語言下過苦工，一直抱持用到哪學到哪的精神。在接觸jQuery之後，見識到不少以前沒用過的神奇寫法，一開始還真花了點時間才搞懂，在此做個簡單的分享: 陣列表示法 宣告已知元素的陣列，可以不必動用到new Array()，寫成var ary = ["1", "2", "3"];就好了，一口氣把宣告跟內容指定都搞定。 這跟C# 3.0裡的 Implicit...

Posted 13 November 2008 06:20 AM by Jeffrey | 4 comment(s)

Filed under: Javascript, jQuery

TIPS-處理onClick事件中的特例

各位同學，我們今天要解的題目如下: ASP.NET網頁中有一個控件產生的DataGrid，其在<TR>上放入了onclick事件，以達到點選該列的任何位置都會觸發特定事件，但如果其中有個<TD>裡希望在onclick時執行特定邏輯，而不要觸發原本<TR>上的onclick，要怎麼做? 面對以上的例子，低年級同學可能會想: 那就不要放onclick在TR上，每個TD上放一個onclick，不就可以任意控制? 這個構想不能說錯，但有點囉嗦。試想，如果一個TR裡有30個TD...

Posted 26 June 2008 10:25 AM by Jeffrey | 5 comment(s)

Filed under: Tips, Javascript, ASP.NET

KB-IE6/IE7對Attribute中Escape字元的處理區別

有個網頁用IE6檢視OK，用IE7卻會有問題，害我抓問題抓到滿身大汗! 我看到的現象是ASPX抓到的Request["p"]裡出現了%2f這類文字，而該URL是由一段Javascript產生的; 這段Javascript去抓某個<a href="BLOCKED SCRIPT...">的href屬性當來源，並做了escape()；而這個href屬性是C#在後端計算出來的Base64編碼，且經UrlEncode處理... (看到這裡，大家頭都昏了吧...

Posted 11 April 2008 02:44 PM by Jeffrey | with no comments

Filed under: Javascript, KB, IE

TIPS-使用CSS客製Reporting Service匯出選項

很久很久以前，我寫了一篇KB介紹停用特定Reporting Service報表匯出格式的 做法 ，除了修改config外，我還提出了可以透過指定Stylesheet遮蔽部分匯出選項的做法。 使用Stylesheet的做法，使用者可以透過去除URL rs:stylesheet參數讓防護手法破功，因此我在原先的KB裡只稍稍帶過，並未再花時間再深入研究。不過，日前網友草莓妹問到如何利用第二種方法，以CSS引進Javascript去更動內容。 雖然我覺得用Stylesheet去卡Reporting Service匯出選項的實用性不高...

Posted 10 April 2008 02:52 PM by Jeffrey | 1 comment(s)

Filed under: CSS, Javascript, Reporting Service, Security

KB-Javascript Anonymous Function Memory Issue

過去撰寫Javascript事件，我傳統的寫法會宣告一個事件函數，再把它掛到對應的元素上，例如:(以 ASP.NET AJAX Client Library 為例) < input type ="button" id ="btn" value ="Click!" /> < script type ="text/javascript" > $addHandler($get( "btn"...

Posted 09 April 2008 09:43 AM by Jeffrey | 3 comment(s)

Filed under: Javascript, jQuery

jQuery, I LOVE YOU~~~

不久之前 ，我低調且不經意地(謎之聲: 在Blog公佈? 好"低調"哦~~)透露了與jQuery正在交往的消息，換言之: ASP.NET AJAX Client Library，你是個好人... 但jQuery看來可以讓我少奮鬥十幾個小時，所以... 在我的Web開發工作裡，Javascript佔了相當的比重。 雖然ASPX的Client-Side Event/ASP.NET AJAX Update Panel，幾乎可以讓你用C#/VB.NET搞定大部分的Web功能，偏偏自己有效能潔癖...

Posted 07 March 2008 03:56 PM by Jeffrey | 13 comment(s)

Filed under: Javascript, jQuery

My ASP.NET AJAX Client Library Tips

講到ASP.NET AJAX，很多人想到是拉個UpdatePanel，完全不必搞懂Javascript，就可以寫出AJAX的東東。事實上，ASP.NET AJAX除了讓大家可以用懶人法寫AJAX之外，在Javascript的Support上也提供了不少強化，這點之前就曾 提過 。 最近又重回Web開發的工作，在策略上重用ASP.NET AJAX Client Library，也陸續學會不少小技巧，以下是幾個我覺得不錯的，整理出來給大家參考: $get("elementName"...

Posted 22 February 2008 02:35 PM by Jeffrey | 3 comment(s)

Filed under: Tips, Javascript, ASP.NET, AJAX

Several Javascript Howto Tips

這陣子在狂打Javascript巷戰，以下是我整理出來的幾則Howto Tips，如果有人知道其他的解法也歡迎提出來跟大家分享。 檢查物件是否被隱藏 【情境】 <input>被包在<tr><td>中，當<tr style="display:none;">，我希望能用Javascript檢測出<input>處於不顯示狀態。 【解法】 利用document.getElementById("inputName"...

Posted 01 February 2008 10:54 AM by Jeffrey | 1 comment(s)

Filed under: Tips, Javascript

TIPS-IE Operation Aborted Error Again

<%@ Page Language="C#" AutoEventWireup="true" %> < html > < head >< title ></ title ></ head > < body > < form id ="form1" runat ="server" > < script type ="text...

Posted 23 January 2008 07:23 PM by Jeffrey | 2 comment(s)

Filed under: Tips, Javascript, Web, IE

關於Javascript函數的宣告時機

Javascript燈謎時間又來了... < html >< body > < script type ="text/javascript" > test( "Before" ); function test(m) { alert(m); } test( "After" ); </ script > </ body ></ html > 以上的Code，Before與After都會出現嗎...

Posted 12 December 2007 10:58 PM by Jeffrey | with no comments

Filed under: Javascript, KB

UpdatePanel PostBack時執行Javascript範例

之前寫過一篇介紹 在UpdatePanel動態更新時觸發Javascript 的方法，不過有網友反應不清楚實作的細節，索性就寫一個極簡單的程式，實際示範一下。 <%@ Page Language="C#" AutoEventWireup="true" %> < html > < head >< title > UpdatePanel Call Javascript </ title ></ head...

Posted 08 December 2007 01:09 AM by Jeffrey | with no comments

Filed under: Tips, Javascript, ASP.NET, AJAX

玻璃做的Client-Side Validation

如果某個欄位的驗證很重要，千萬不要只用單薄的Client-Side Script保護! 為什麼? 我用以下的這個案例說明: < body > < script type ="text/javascript" > function clientValidation() { //Call an invalid function to cause exception //var i=WTF(); if (document.getElementById( "confirm"...

Posted 07 December 2007 09:27 AM by Jeffrey | with no comments

Filed under: Javascript, Web

TIPS-Hide <select> On IE6

前幾天我寫了篇 帖子 介紹利用高z-index+半透明Filter DIV做為HTML元件防點防選防編遮片的點子，不過留了個尾巴: 在IE6上，<select>是誰都蓋不住的! 事實上，IE Team自己也知道這個問題，並高興地在Blog中宣佈在IE7中總算做了改善( http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx )，可是，使用IE6的User不在少數，總不能強迫所有User都升級IE7吧? 這幾天，認真地考慮將它用在我的專案中...

Posted 25 September 2007 01:44 AM by Jeffrey | 1 comment(s)

Filed under: Tips, Javascript

WOW! Amazing Javascript Intellisense

VS 2008 目前仍在Beta 2階段，當然還不適合開發正式的.NET 3.5專案，但VS 2008有所謂的 Multi-Targeting ，可以用VS 2008編譯出.NET 2.0, 3.0, 3.5版本的程式。或許有人會問，這樣有什麼好處? 答案是可以提前享受新版IDE帶來的貼心功能。 這兩天我改用VS 2008在一個現有ASP.NET 2.0專案裡加入新功能，呼~~~ 終於體驗到其中一項令人感動的新設計--Javascript Intellisense。 一張圖勝過千言萬語，看看我在ASPX中編輯Javascript時發生了什麼事...

Posted 24 September 2007 02:22 AM by Jeffrey | 6 comment(s)

Filed under: Javascript, ASP.NET

Search