Browse by Tags

【茶包射手日記】JavaScript Date.getYear()傳回111

接獲使用者回報，某個透過JavaScript取日期的網頁在某些機器上產生的年份有誤，得到"111"的詭異結果! 追蹤程式，發現它是用new Date().getYear()方法取年，而不是大家慣用的getFullYear()。而我們也很幸運地在一台Windows 7 + IE9完成問題重現，getYear()得到111，getFullYear()得到2011: 有趣的是，此時找了另一台Win7 + IE9測試getYear()還真的傳回2011，順利地證實"有些IE9正常取得2011...

Posted 13 December 2011 06:11 PM 由 Jeffrey | 3 comment(s)

Filed under: Javascript, Trouble-Shooting, IE

TOOL-Converting JSON DateTime String to .NET DateTime Structure

[Abstract] Sample code for converting "\/Date(1270051200000)\/" JSON format to .NET DateTime structure, it is used to convert log files with JSON-serialized data to make the date information readable. 專案裡有個Log機制會以JSON格式保存呼叫歷程中的參數物件，以便事後偵錯及追蹤之用...

Posted 29 November 2011 10:21 PM 由 Jeffrey | with no comments

Filed under: Tools, Javascript, .NET

AJAX動態內容支援回上頁-HTML5篇

昨天提到 在AJAX情境支援回上頁 的做法，Ammon馬上補充重要資訊(再次感謝!!) --- 針對AJAX模式下記錄瀏覽歷程的需求，HTML5 history物件已增加了新功能。(詳情可參考 MDN文件 ) jQuery BBQ透過pushState(), getState()及hashchage事件實現AJAX變動歷程的記錄，而HTML5則是在既有history物件上增加了pushState()、replaceState()方法、state屬性，並在window物件新增onpopstate事件...

Posted 23 September 2011 09:21 AM 由 Jeffrey | 3 comment(s)

Filed under: Javascript, AJAX, HTML5

TIPS-用URL傳送Base64編碼

ASP.NET網站專案，使用Query String傳送Base64編碼後的參數值(例如: MyApp.aspx?d=RGFya3RocmVhZCBSb2NrcyEh)，卻發現測試有時成功有時失敗，最後查出是程式產生URL時沒有對Base64字串進行UrlEncode編碼所造成的問題。 Base64編碼 使用了 "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"，再加上補齊長度的1個或2個"...

Posted 20 September 2011 08:33 PM 由 Jeffrey | with no comments

Filed under: Javascript, ASP.NET

透過Javascript觸發檔案下載

使用者在點擊網頁元素後啟動檔案下載的方法有好幾種，我做了一個ASP.NET網頁一次測試window.open(), location.href, 隱藏iframe等三種方法，同時還加個Checkbox以模擬下載失敗顯示錯誤訊息網頁的情境。 <%@ Page Language="C#" %> <! DOCTYPE html > < script runat ="server" > void Page_Load( object...

Posted 12 August 2011 06:54 PM 由 Jeffrey | 2 comment(s)

Filed under: Javascript, AJAX

showModalDialog與IE快顯封鎖

發現一段使用showModalDialog在onLoad事件自動帶出選擇器網頁的Javascript程式，在IE下被當成快顯(Pop-up)被封鎖。印象中還以為只有window.open會被封鎖，顯然不是，做了點功課，整理IE快顯封鎖程式(Pop-up Blocker)的封鎖原則備忘。 微軟 有篇文章 對快顯封鎖的詳細介紹，算是網頁開發人員角度的技術說明。原則上，快顯封鎖主要會封鎖" 由程式觸發而非使用者點擊觸發的開啟新視窗行為 "，範圍包含: window . open window...

Posted 12 July 2011 07:58 AM 由 Jeffrey | with no comments

Filed under: Javascript, IE

CODE-Javascript Hashtable轉Dictionary

這是寫給同事參考的範例: 如何在ASP.NET伺服器端承接Javascript以{“p1”:”v1”, "-123":"v2”}方式傳入的Hashtable? 由於鍵值可能出現負號等.NET不允許的屬性名稱字元，加上有哪些鍵值是動態決定，無法事先掌握，故不適合將其轉型成.NET中的類別，轉成Dictionary<string, string>應是較好的解決方法。 引用JSON.NET(PS: JSON.NET現在也可以 使用NuGet安裝 囉! 按個【讚...

Posted 16 June 2011 04:37 AM 由 Jeffrey | with no comments

Filed under: Javascript, ASP.NET, CODE

CODE-用Javascript模仿.NET Dictionary功能

跟同事討論到如何在Javascript裡實做類似Hashtable或Dictionary的功能。 早期Javascript總被我當成毒蛇猛獸，遇到複雜一點的需求總習慣找別人寫好的Library(例如 這個 )上場頂著，只想在Javascript裡繼續用熟悉的方式應付過去就算了，甚少花時間去研究這威力強大但千變萬化到有點複雜的語言。直到玩了一陣子jQuery，對Javascript稍微有深一點點(也只有一點點)的了解，遇到類似需求，開始試著用Javascript語法實現，不再每次為了一點小事拉一個Library進來...

Posted 15 June 2011 06:09 AM 由 Jeffrey | 7 comment(s)

Filed under: Javascript, CODE

TIPS-我的Javascript型別偵測大全

我常 好高騖遠痴心妄想 胸懷壯志，總想寫出很"聰明"的Javascript函數，呼叫時傳入DOM元素也好、丟個jQuery物件也成、給個函數也可，程式都能依傳入的參數型別自動轉換處理。無奈自己不學無術，對於Javascript這種動態語言的變形蟲式型別處理，始終停留在懵懵懂懂的階段... jQuery陸續提供了 $.isArray() , $.isFunction() , $.isXmlDoc() 等函數，算是解決了部分難題，餘下的我則會用typeof varName來偵測。但說來好笑...

Posted 11 May 2011 06:11 AM 由 Jeffrey | 8 comment(s)

Filed under: Javascript, jQuery

TIPS-跨Domain傳遞Modal Dialog結果

雖然 Model Dialog 不是什麼好東西，礙於它目前還是內部系統的一哥，偶爾伺侯一下難搞的大頭症主角是難免的... orz 這回遇到的難題: A網站的網頁利用showModalDialog顯示來自B網站的網頁，透過window.dialogArguments傳過去的參數以及Modal Dialog中用window.returnValue傳回的結果，因違反 Same Origin Policy ，判定跨Domain不得存取，全都變成了undefined。 我用以下例子來重現問題，先做一個caller...

Posted 06 May 2011 08:03 AM 由 Jeffrey | 1 comment(s)

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

jQuery - 中文輸入法與KeyDown/KeyPress事件

最近專案中引用了Telerik ASP.NET擴充元件 AutoComplete輸入欄位 ，測試時發現偶爾會不聽始喚，輸入文字時無法觸發資料查詢，在Javascript Source Code裡反覆追蹤測試，燃燒了可觀的寶貴春青，終於理出頭緒: 問題在中文輸入法! 過去模糊地知道中文輸入在瀏覽器的鍵盤事件行為上有些特殊，但從未深究，這回算是比較清楚研究其中的差別。其實最明顯的差異是: 切到中文輸入法後，輸入文字將不會觸發KeyPress事件，只會有KeyDown，而且傳回的e.keyCode會一律是229...

Posted 26 April 2011 07:32 PM 由 Jeffrey | with no comments

Filed under: 中文編碼, Javascript, jQuery

jQuery 1.4.2 .focus()導致IE首次change事件失效

同事通報的Issue，花了好大功夫才找出問題點，特此記錄。 某網頁的<input id="x" type="text" />以jQuery掛上change事件，使用IE測試，卻出現第一次修改值後按Tab不會觸發change事件，第二次起change事件正常的情形。我另外加了document.getElementById("x").onchange = function() { ... };作為對照，發現使用onchange掛上的事件每次都如預期被觸發...

Posted 09 March 2011 01:17 PM 由 Jeffrey | 5 comment(s)

Filed under: Javascript, IE, jQuery

為VS2010 Javascript Editor加入洋葱吧

這幾年我jQuery、AJAX用得很凶，開發ASP.NET專案時，寫Javascript的比例已經跟寫C#不相上下，但一直很怨嘆一點，比起華麗的C# Editor，Visual Studio的Javascript Editor就短少了Method清單、#region收合等重要的開發輔助功能，當Javascript程式愈寫愈長，痛苦指數也愈來愈高! 為此，我還曾寫了篇 少了洋葱的VS 2008 JS Editor ，當時無奈地改用Aptana編輯器處理JS的部分，並等待VS 2008的Javascript編輯器有讓我感動流淚的一天...

Posted 19 January 2011 06:56 AM 由 Jeffrey | 5 comment(s)

Filed under: Javascript, VS2010

【茶包射手日記】再遇IE8內建JSON null問題

同事回報我的一個網頁會出現Javascript錯抓資料成"null"(不是null，而是四個字元的字串--"null”)的問題。幾經測試後發現，在其他同事及我的IE8、使用者的IE6/7測試都OK，唯獨同事的IE8會出問題。 深入追查後抓到問題根源，有段程式去用$("#X”).attr(“attr”)抓取<input id=”X” attr=”” />的屬性，經過JSON.stringify時，在同事的IE8上會傳回"null”，IE6...

Posted 18 November 2010 05:19 AM 由 Jeffrey | 2 comment(s)

Filed under: Javascript, IE

【答客問】詭異的TextBox接龍

網友Chuck留言，提了一個 關於Super Tables的詭異問題 : 暗大您好: 我是用.NET3.5版本開發的，瀏灠器為IE7，程式的 目的是透過ASP.NET的控制項DataGrid顯示多筆資 料，顯示資料的樣貌有純文字和輸入文字方塊和下拉式 選單等等…。問題在於我用了下面這一行敘述: $(".DetailFlexGrid").toSuperTable({ width: "700px", height: "400px", fixedCols...

Posted 30 October 2010 03:56 AM 由 Jeffrey | 6 comment(s)

Filed under: Javascript, ASP.NET, jQuery

搜尋