patw 的筆記、生活、隨筆
[ASP.NET] 在文字框中按下 Enter 指定按下某顆送出鈕
在作專案的時候遇到的問題。當我在某文字框按下 Enter 要做送出時，卻不是送出該文字框對應的送出鈕（文字框控制項有對應的送出鈕的屬性嗎？好像沒看到…）。
網上有些作法是 Code Behind 中將該文字框加上 Enter 的 keycode 偵測，再 return false; ，使送出失效，但不是很好的作法，對使用者不是很友善哩。再找了一下，以下這種方法就能對應想要的送出鈕了。
對了，這種方法也可以通用於加上 UpdatePanel 的頁面，不會只有第一次有效。
txtSearch.Attributes.Add("onkeydown", "if (event.keyCode==13){document.getElementById('" + btnSearch.ClientID + "').focus();return true;}")
※ txtSearch 是文字框控制項 ID，而 btnSearch 是送出鈕控制項。
| Print article | This entry was posted by patw on 2010年四月1日 at 11:55 上午, and is filed under ASP.NET. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |
No comments yet.
No trackbacks yet.
[ASP.NET] 在文字控制項上使用 HTML5 input type 的方法
about 5 months ago - No comments
最近的案件在製作手機版網頁時，其中有讓使用者輸入「手機」的欄位，這時想到若能善用 HTML5 文字框中 type 屬性，將之設為 tel，在智慧型手機上就能自動呼叫出電話數字鍵盤，那麼使用者輸入手機時會方便許多。 但由於是用 ASP.NET 3.5 製作，似乎在 4 之前的版本，文字框控制項尚不支援 HTML5 的眾多 type 屬性，若強制更改會造成編譯錯誤。 網上搜尋了一下解法，果真有相關的討論，其實做法就如同在文字框控制項加上 keydown 屬性一樣，在 code behind 那邊加上即可。 以本例來說，就會像這樣： 成果圖： 一般的文字框輸入鍵盤 type 設成 tel 的電話輸入鍵盤
[網頁] Flash ExternalInterface.call Javascript 方法，於 IE 引發「’null’ 是 null 或不是一個物件」錯誤的解法
about 9 months ago - No comments
最近這個案子，有使用到 Flash ExternalInterface.call 網頁上的 Javascript function 的動作，測試過程中，於 IE 中一直會引發下面這段錯誤訊息： 訊息: ‘null’ 是 null 或不是一個物件 行: 1 字元: 111 程式碼: 0 拜請 Google 大神後，於 gotoAndLearn 論壇找到了相關的解法。 由於並無特別對 object 標籤的 id 屬性作指定，因此於 IE 中需要 id 這個屬性才能正確地執行動作。 結論：於 object 標籤中指定 id 值即可。若是使用 Javascript 方式加入 Flash，也請注意屬性設定中是否遺漏了 id 值。
[Facebook] 取得粉絲專頁資訊與最新一筆主題的方法 (PHP/jQuery/ASP.NET(C#))
about 10 months ago - 2 comments
想要取得粉絲專頁(粉絲團頁面)的公開資訊，以及該粉絲團最新一筆主題該怎麼做呢？ 這邊分成三種版本來講：PHP、jQuery 與 C#.NET。 ※由於粉絲專頁幾乎是公開資訊，從 Graph API 就可取得。因此其實也可以不用做 app，直接就可以透過 Graph API 撈取。這邊只有 PHP 是用老作法。 PHP 嗯，您要先下載官方的 PHP SDK。就是 facebook.php 這隻。 然後不多說 .. 直接看 Code 吧。 jQuery 再來是 jQuery 版本 .. 其實只是 JSON 去撈而已 XD ASP.NET(C#) 這邊有使用到 JSON.NET 元件(Newtonsoft.Json.Net35.dll) Default2.aspx Default2.aspx.cs 最後再補充一個 Facebook Graph Toolkit for .NET 的作法 是使用 Facebook Graph Toolkit 這個元件，這邊使用的是 Facebook Graph Toolkit…
[AJAX] 跨網域取得/存取資料
about 1 year ago - No comments
這次的 Case，客戶那邊的特殊需求：Server 端的程式不能碰，因此部分 php 程式要擺在我們自家，而 htm 純頁面擺客戶主機。 而部分資料會自我們自家 Server 中取得或寫入，以下會以"取得"為例。 找了一下資料，必須繞一點路，用 JSONP 來解決這個問題。 以取得資料為例： 首先先引入 jQuery，我是用 Google 提供的 :p 再來寫 AJAX： 上面這段的效果是當我使用 getData() 方法後，會自 bServer.com 的 getdata.php 取得值，再交由 doGetData() 方法處理返回值，當 JSON 中的 result 值為 OK，則以 alert 方式顯示 howmany 值。 那麼 php 那端的寫法呢？請看下面： 注意到.. 其中 echo doGetData 這邊，請對應 JavaScript 那邊所寫的 jsonp 方法。 大致是這樣。 參考資料： http://kevyu.blogspot.com/2010/02/ajaxdomain.html
[AS3][JavaScript] Facebook 發佈訊息的方法
about 1 year ago - No comments
本篇延續 [AS3] Facebook 朋友列表在 Flash 中用捲軸方式呈現 這篇，一樣用 Jozef Chúťka 前輩所寫的 Facebook AS3 Graph API 作法，來發佈訊息到塗鴉牆上。（由於 Connect 時就應用程式就會要求發佈塗鴉牆的權限，因此這種方法就不會跳出任何發佈視窗喔） 此外也附加了一個以 JavaScript 方式發佈塗鴉牆的方法，這個就會跳出常見的發佈訊息小視窗囉。可以依需求搭配使用～ Facebook AS3 Connect 方法在此一樣不提，請自行參考教學連結。 ※ 其中要注意的是，發佈時需發佈成 Flash Player 10 版本，否則在 IE 中會無法在 connect 後正確 authorized！會一直跳出 callback.htm 頁面卻無法正確授權。為了這個問題卡很久，需特別注意。 1. fla 部分，第 1 格的 AS 不多提，就是 Connect、取得權限等。 2. 第 5 格的 AS： 我們在此定義了一個 streamPublish 方法，參數值有 message（也就是使用者暱稱後方的訊息）與 id（就是欲張貼到誰的牆上，它的…
[AS3] 擷取 Flash 畫面上的某一區塊為圖檔 (C#/PHP)
about 1 year ago - 4 comments
這次來幫一個常用的功能需求做一下作法筆記，就是「擷取 Flash 畫面上的某一區塊為圖檔」。 使用 ActionScript 3.0，後端程式本例做了兩種版本 PHP 與 C#.Net。 1. 如範例檔，在畫面上安排兩個元件，用來放置欲擷取區塊的 previewMC，以及擷取鈕 capture_btn。 2. previewMC 元件的影格配置如下： as 其實只有擺 stop(); ，圖層 3 放了手寫的 "Hello World"，圖層 1 放了四張不同底色的色塊。 3. 再來是最主要的部份，主場景上的 ActionScript： 在這邊會用上 adobe 函式庫 的 JPGEncoder，可在這邊下載 as3corelib。 另外，在此我們會使用 Base64 方式將圖片編碼，而 Base64.as 可以自 as3crypto 的 Google Code 專案中取得。 其中請自行設定網址URL，以及處理擷取畫面的後端程式檔案名稱喔。 4. 再來後端部分，先貼 C#.Net 部分。 5. 再來是 PHP 版本，這個就沒做縮圖了。 大致就是醬子啦。…
[ASP.NET][ASP] 傳遞登入狀態
about 1 year ago - No comments
需求是這樣的，ASP.NET 的網站登入（Session）後，點選其他 ASP 的網站，也要變成登入狀態。 搜尋過有幾種作法： 透過資料庫，存入 Session_id 供查閱。 透過 ASP.NET2ASP POST 的方法，但要注意安全性。 將帳號加密，用 GET 方式附帶在 .asp 網址後方，ASP 端使用該加密字串丟到 ASP.NET 的 Web Service 解密並查詢該帳號是否正確，若正確則傳回 true，ASP 再設定 Session 登入狀態。 最後在條件考量下，決定使用第三種方法。 也許有更便捷的方式，有高手路過請提點一下囉 * 以 ASP.NET (VB) 為例 * 加密方法參考來源：http://stackoverflow.com/questions/240713/how-can-i-encrypt-a-querystring-in-asp-net 1. 依照上方參考連結，增加一支加密方法 2. 作一支 WebService： 3. 加密的 Code 如下：（會用在 .aspx 頁面，某個目的 .asp 網址後方） 然後使用 encryptQueryString 方法去產生加密過的帳號 .. 例如： 4.…
[ASP.NET] Flash 圖表解決方案 amchart
about 1 year ago - No comments
最近有個案子希望用上花俏的圖表效果，最好還會動的。 曾經找過 jQuery 的方案 Horizontal Bar Graph in jQuery，也有動態生長效果，但沒有立體；還有另一套也滿有名的 Open Flash Chart，但在 ASP.NET 中使用的方法不是拖拉元件、指定對應屬性那麼直觀，還沒空仔細研究，就先跳過了。 最後覺得在 ASP.NET 環境下，用 amchart 這套圖表元件相當適合，也滿簡單的。屬性與方法相當多，以下只簡單介紹一下用法。 1. 至 amchart 網站下載 ASP.NET Controls，我使用的時候版號是 1.6.4.0。 2. 將元件加入 ASP.NET 網站中，左方工具列也加入。 此外，複製 amcharts（圖片素材資料夾）至網站根目錄下，也可以只複製欲使用的類型，如長條圖是 amcharts/amcolumn。 3. 從工具箱中，將希望加入的類型控制項拖拉至 Web Form 上（這裡以長條圖 ColumnChart 為例），最上方會自動產生引入元件的語法： form 中則會加入控制項語法： 稍作修改一下，變成下面這樣： 4. 再來簡單解釋一下相關的屬性： DataSourceID 指定資料結果的資料來源控制項。資料表結構例如：投票結果欄位有 Q（選項）、Counter（得票數）。 DataSeriesIDField 則指定「項目」，如本例為投票結果的Q（選項）。 ColumnGrowTime 指定長條圖「長高」的時間。 ColumnGradientDirection 是長條圖方向，水平方向就是 Horizontal。…
[ASP.NET][VB] DataList 水平橫向排列，加上水平分隔線的做法
about 1 year ago - No comments
需求： 資料一 資料二 我是分隔線我是分隔線我是分隔線 資料三 資料四 我是分隔線我是分隔線我是分隔線 說明： DataList 做為自動判斷折行排列的資料呈現相當方便， 但詭異之處是設為水平橫向排列後，其分隔 (Separator) 是長在 每筆資料的右方 資料一(SP) 資料二(SP) 資料三(SP) 資料四(SP) 而並非我原先預想的，會長在每個水平分隔上。 看來只能用 Code 自己寫囉，做法如下： 在 DataList 的 ItemDataBound 事件中加入： 或許不是很漂亮的解法，總之先做個筆記了。
