Jayhsu's Note

[Ruby On Rails] 使用 Excel gem roo 時，出現 LoadError (cannot load such file -- zip/zipfilesystem) 錯誤的解決方式

2013-08-29T23:49:00.001-07:00

這個問題發生的原因為roo在require 'rubyzip'時，並沒有指定rubyzip的版本。

而rubyzip現在(2013/8/30)已更新成版本1.0.0。1.0.0就不再有zip/zip、zip/zipfilesystem 這兩個檔案。

所以解決方法是在Gemfile加入版本指定即可：

 gem 'rubyzip', "~> 0.9.9"

(Chrome、FireFox) JavaScript設定值給TextBox時，無法觸發PostBack的一種解法

2012-01-18T17:00:00.000-08:00

如果有使用.NET 中TextBox的OnTextChanged事件，希望在TextBox的文字變動後，在Server端做一些事，通常會像下方這樣用：

ex. <asp:TextBox ID="txt1" runat="server" OnTextChanged="txt1_TextChanged" AutoPostBack="True" />

這個方式在人為操作的狀況下並不會有什麼問題，修改TextBox中的字後，會PostBack去執行程式。但如果修改TextBox中的文字，是使用JavaScript去設定值的話(ex. txt1.value = 'abc')，在各瀏覽器卻會有不同的結果產生，IE 會正常的執行 PostBack，但在Chrome、FireFox卻無法正常的觸發PostBack!

在試過jQuery的一些function後(ex. bind、on、trigger)，發現還是沒辦法解決這個問題，最後只好用一個偏方來處理，使用setInterval一段時間就檢查一次TextBox的值，發現值有變動，就執行PostBack，解法如下：

$(document).ready(function() {           

    //非IE才設Interval，因為IE可正常觸發

    if(navigator.userAgent.indexOf("MSIE")==-1) {

        setInterval('detectValueChange();', 500);

    }

});

function detectValueChange() {

    currentValue = $('#<%=txt1.ClientID%>').val();

    oldValue = $('#<%=hid1.ClientID%>').val();

    if (currentValue != oldValue) { 

        //使用<asp:HiddenField>暫存值，讓PostBack後，值還存在  

        $('#<%=
hid1.ClientID%>').val(currentValue);

        __doPostBack('<%=
txt1.ClientID%>', '');               

    }   

}

[C#]在有驗證控制項的狀態下幫Button加上confirm (OnClientClick +Validator)

2011-11-09T23:22:00.000-08:00

如果要對一個asp:Button控制項做再次詢問的動作(ex. 確認是否刪除? )，一般來說是可以直接這樣用：

<asp:Button ID="btnSubmit" runat="server" Text="OK" onclick="btnSubmit_Click"

CausesValidation="true" OnClientClick="return confirm('are you sure?');"/>

而在有驗證控制項的狀況下，若還是用上面的return confirm方法，可是會讓驗證控制項失效的，所以要改成下列這種用法：

<asp:Button ID="btnSubmit" runat="server" Text="OK" onclick="btnSubmit_Click"

CausesValidation="true" OnClientClick="if (Page_ClientValidate('[驗證群組]')) { return confirm('are you sure?');}"/>

其中 [驗證群組] 要記得改成你所設定的 ValidationGroup

參考：

http://tim.tdaley.net/2008/12/c-onclientclick-breaks-validation.html

Google Analytics API called by C#

2011-11-01T20:18:00.000-07:00

這是可以透過Google Analytics API 去抓出你網站的拜訪資料的功能，主要是送一個Request，再接收XML檔案，下面分兩段說明，首先是抓回XML的部份，：
(以下內容是參考 http://www.dotblogs.com.tw/lastsecret/archive/2010/10/06/18157.aspx )

private void GetXml() {   

        //送出request的網址

        var request = (HttpWebRequest)HttpWebRequest.Create(

            //在這是取國家的訪客數，參數可參考http://code.google.com/intl/zh-TW/apis/analytics/docs/gdata/gdataReferenceDataFeed.html#maxResults

            string.Format("https://www.google.com/analytics/feeds/data?"+                         

                            "ids=ga%3A{0}&dimensions=ga%3Acountry" +

                            "&metrics=ga%3Avisits&" +

                            "start-date={1}&end-date={2}&sort=-ga%3Avisits&max-results=10",

                            "12345678",  //Google Analytics 網站的ID

                            "2011-09-24",

                            DateTime.Now.ToString("yyyy-MM-dd")));

        //在header必須帶入token，token的取得請看下方的方法

        request.Headers.Add("Authorization", "GoogleLogin auth=" + GetAuthToken());

        try {

            var response = request.GetResponse();

            var responseContent = new StreamReader(response.GetResponseStream()).ReadToEnd();

            //抓到XML, 存到暫存資料夾

            StreamWriter rd = File.CreateText(Server.MapPath("~/TempFile") + @"\Analytics_Country.xml");

            rd.Write(responseContent);

            rd.Flush();

        } catch (Exception ex) {

            Javascript.Alert(this.Page, "Error：" + ex.ToString());

        }

}

private static string GetAuthToken() {

        var postContent = string.Format(@"accountType=GOOGLE&Email={0}&Passwd={1}&service=analytics&source={2}",

                                         "Account", //Google 同號

                                         "PWD", //Google 密碼

                                         "1234"//隨便

                                        );

        byte[] bPostData = Encoding.ASCII.GetBytes(postContent);

        //參數與用法

        //參考http://code.google.com/intl/zh-TW/apis/accounts/docs/AuthForInstalledApps.html

        HttpWebRequest req = (HttpWebRequest)HttpWebRequest.Create("https://www.google.com/accounts/ClientLogin");

        req.Method = "POST";

        req.ContentType = "application/x-www-form-urlencoded";

        req.ContentLength = bPostData.Length;

        var reqStream = new StreamWriter(req.GetRequestStream());

        reqStream.Write(postContent);

        reqStream.Flush();

        HttpWebResponse rep = (HttpWebResponse)req.GetResponse();

        StreamReader repStream = new StreamReader(rep.GetResponseStream(), Encoding.UTF8);

        string ctx = repStream.ReadToEnd();

        //送出的response抓取token的值

        return Regex.Split(ctx, "Auth=", RegexOptions.IgnoreCase)[1];

    }

再來是抓XML中的資料：
(以下內容是參考http://www.reimers.dk/jacob-reimers-blog/added-google-analytics-reader-for-net)

protected void GetData(object sender, EventArgs e) {

        //讀XML檔案

        XDocument xmlDoc = XDocument.Load(Server.MapPath("~/TempFile") + "/Analytics_Country.xml");

        XNamespace defaultSpace = xmlDoc.Root.GetDefaultNamespace();

        XNamespace dxpSpace = xmlDoc.Root.GetNamespaceOfPrefix("dxp");

        //LINQ  XML     

        var datas = from entry in xmlDoc.Root.Descendants(defaultSpace + "entry")

                    select new {

                        Country = entry.Element(dxpSpace + "dimension").Attribute("value").Value,

                        Value = entry.Element(dxpSpace + "metric").Attribute("value").Value

                    };

        foreach (var entry in datas) {           

            Response.Write("Country:" + entry.Country);

            Response.Write("Visits: " + entry.Value + "<br />");

        }

        //datas.ToDictionary<string, int>(m => m.Country, m => m.Value);

    }

ASP.NET的WebService + autocomplete + tagit 合體

2011-08-29T06:13:00.000-07:00

在使用Google+、Facebook時，會常常看到Tag這個東西，這東西在使用上，很方便，而且長的還蠻好看的，我很喜歡這操作很直覺的東西，所以上網找了些plugin，並拿來實作，而我找了 tagit 這個plugin，還算簡單使用(而且我認為這是我找的 plugin 當中最漂亮的...)。

一般的使用很簡單，照著 tagit 的 example就可以用了，但是一般的tag通常都會加上自動完成(AutoComplete)功能，所以不加個AutoComplete感覺就很弱，下面就提供個範例是用C#的WebService來實作AutoComplete功能(PHP很簡單，下面會提到一點)：

1.在WebService部份，我們用DataTable來傳回傳，所以可以在asmx.cs這樣寫：

[WebMethod]

public DataTable GetList(string prefixText) {   

        DataTable dt = new DataTable();

        //從資料庫查詢資料的語法，請自發揮...      

        // ......略

        return dt;    //最後return一個DataTable

}

2.在aspx部份，用一個TextBox：

<asp:TextBox ID="txtTag"  runat="server" autocomplete="off"  />

3.再來就是JavaScript的實作了，通常是在document.ready時實作

$(document).ready(function() {

    $("#<% =txtTag.ClientID %>").tagit({

        allowSpaces: true,

        tagSource: function(request, response) {

            $.ajax({

                url: "/GetList.asmx/GetList", //步驟1的WebService網址及Function名稱

                data: { prefixText: request.term }, //要傳入WebService Function的變數，這裡是用來抓user所輸入的內容

                dataType: "xml",  //dataType設成Xml，php直接用json，再搭配json_encode來產生資料就可以了

                type: "POST",

                contentType: "application/x-www-form-urlencoded; charset=utf-8",    //這裡很重要，要把contentType改成WebService預設回傳的application/x-www-form-urlencoded

                dataFilter: function(data) { return data; },

                success: function(data) {    //成功抓到資料後，要執行的動作

                    response($.map($(data).find("[欄位名稱]"), function(item) {  //因為是XML所以用這個方式來取資料，[欄位名稱]請記得更改成DataTable的欄位名稱

                        return { value: $(item).text() }

                    }));

                },

                error: function(XMLHttpRequest, textStatus, errorThrown) {

                    alert(textStatus + ":" + errorThrown);  //Debug用

                }

            });

        }         

    });

4.AutoComplete的部份完成！

5.如果要再龜毛點，限制使用者必須輸入DataTable中的內容的話，就在JavaScript中先加入這一段：

$.expr[':'].textEquals = function(a, i, m) {

        return $(a).text().match("^" + m[3] + "$");

};

6.再來改一下document.ready中tagit的部份，加入onTagAdded 的事件。

7.最後還要為tagit所產生的text加入change事件。

6+7後的JavaScript如下：

$(document).ready(function() {

    $("#<%=txtTag.ClientID %>").tagit({

        allowSpaces: true,

        tagSource: function(request, response) {

            $.ajax({

                url: "/GetList.asmx/GetList",

                data: { prefixText: request.term },

                dataType: "xml",

                type: "POST",

                contentType: "application/x-www-form-urlencoded; charset=utf-8",

                dataFilter: function(data) { return data; },

                success: function(data) {

                    response($.map($(data).find("[欄位名稱]"), function(item) {

                        return { value: $(item).text() }

                    }));

                },

                error: function(XMLHttpRequest, textStatus, errorThrown) {

                    alert(textStatus + ":" + errorThrown);

                }

            });

        },

        onTagAdded: function(event, tag) {   

            //注意！別在這alert東西，不然會執行兩次

            //.ui-autocomplete、tagit-label 是tagit執行後預設的class

            if ($(".ui-autocomplete li:textEquals('" + tag.find(".tagit-label").text() + "')").size() == 0) {

                that.removeTag(tag);    //若輸入的內容不在資料庫中，則移除tag

            }

        }

    });

    $(".tagit input").change(function() {

        if ($(".tagit li:textEquals('" + $(this).val() + "')").size() == 0) {

            $(this).val('');  //若輸入的內容不在資料庫中，則清空TextBox的內容

        }

    });

});

8. 再次大功告成

參考資料：
http://stackoverflow.com/questions/2587378/how-to-implement-mustmatch-and-selectfirst-in-jquery-ui-autocomplete
https://github.com/aehlke/tag-it
http://jqueryui.com/demos/autocomplete/

UserControl 提供事件給網頁(Parent Page)觸發的方式

2011-08-29T05:24:00.000-07:00

最近在弄一個讓 UserControl 提供事件給網頁呼叫的東西，下面就提供一個範例，來讓UserControl中的 GridView的 RowSelecting 事件提供給網頁(Parent Page)觸發

1.首先，在UserControl的ascx.cs中，宣告一個事件:

public event EventHandler PublicRowSelecting;

2.再來還是在UserControl的ascx.cs中，讓原本的GridView RowSelecting的事件，執行剛剛宣告的事件PublicRowSelecting：

protected void gvMain_RowSelecting(object sender, GridViewSelectEventArgs e) {                              

            this.PublicRowSelecting(this, new EventArgs());        

}

3.接下來就是在網頁中使用了，在網頁(Parent Page)的aspx.cs 直接設定事件

UserControl1.PublicRowSelecting += new EventHandler(UserControl1_PublicRowSelecting);

4. UserControl1_PublicRowSelecting 是你要執行的程式，這個範例只要 Response.Write就好了

protected void UserControl1_PublicRowSelecting(object sender, EventArgs e) {

      Response.Write("Test OK");

}

5.大功告成，接下來只要執行到 UserControl中GridView的RowSelecting事件，就會執行UserControl1_PublicRowSelecting了。

.Net Web Service Internal Server Error 錯誤處理方式

2011-08-23T17:09:00.000-07:00

在.Net 使用Web Service的方式很簡單，只要使用下列code就可以使用

首先在aspx加上如下程式：

<asp:ScriptManager runat="server" ID="ScriptManager1">

    <Services>

        <asp:ServiceReference Path="~/AAA.asmx" />

    </Services>

</asp:ScriptManager>

JavaScript即可用下列方式使用：

Class名稱.function名稱(參數, 完成時執行的function名稱, 錯誤時執行的function名稱, TimeOut時執行的function名稱);

ex.

AAA.funAAA(strB, OnComplete, OnError, OnTimeOut)

但若出現「Internal Server Error」，往往會讓人摸不著頭緒，很難找原因。在這提供幾個參考的debug方式：

1.先檢查程式中Web Service的路徑(URL)是否有錯誤，相對路徑與絕對路徑的使用是否都抓到asmx檔案。

2.Web Service是否有正確回傳資料，可直接打上網址 (ex. http://localhost/AAA.asmx) 並直接輸入參數檢查資料是否正確，或是否有錯誤發生。

3.若WebService 無法用遠端存取，只可在本機(Local)存取，則要在web.config加上下列藍色的部份：

<configuration>

    <system.web>

        <webServices>

            <protocols>

                <add name="HttpPost"/>

                <add name="HttpGet"/>

            </protocols>

        </webServices>

    </system.web>

</configuration>

ASP.NET Page Life Cycle 圖

2011-08-16T06:36:00.000-07:00

最近在找一些有關ASP.NET Page的 Life Cycle的資料，看到了這張MSDN提供的圖(應該是Lag了很久...)，覺得這張圖表達的很清楚，所以貼上來，當作自已的備忘錄，參考看看。

轉載資料：http://blogs.msdn.com/b/aspnetue/archive/2010/01/14/asp-net-page-life-cycle-diagram.aspx

C#將DataTable做Group By並取SUM、AVG、COUNT的方法(不用LINQ)

2011-07-27T06:00:00.000-07:00

LINQ是個很方便的東西，但在比較舊的環境(.Net Framerwork 3.0以下的版本)，是沒辦法使用LINQ的，這時要將DataTable做Group By可是很麻煩的一件事，下面就提供範例：

DataTable dt = new DataTable();    //原來的資料

dt = Get(); //取得資料，PS. Get()是我自己寫的Function，要記得換成你取得DataTable的function

//將原來的DataTable做Distinct並複製到新DataTable，ToTable的第一個參數是設定是否

//要做Distinct，當然要設成true，其他參數是要做Group By的欄位名稱

DataTable dtGroup = dt.DefaultView.ToTable(true, "column1", "column2");

//開始加欄位

dtGroup.Columns.Add("CountColumn");

dtGroup.Columns.Add("SumColumn");

dtGroup.Columns.Add("AvgColumn");

int count = 0;

for (int i = 0; i < dtGroup.Rows.Count;i++) {

    //取資料，用String是因為上方加欄位時，沒指定型別為數字

    string strCount = dt.Select("column1='" + dtGroup.Rows[i]["column1"].ToString() + "'").Length.ToString(); 

    string strSum = dt.Compute("SUM(column3)", "column1='" + dtGroup.Rows[i]["column1"].ToString() + "'").ToString();

    string strAvg = dt.Compute("AVG(column4)", "column1='" + dtGroup.Rows[i]["column1"].ToString() + "'").ToString();

    //設定資料

    dtGroup.Rows[i]["CountColumn"] = (strCount == "" ? "0" : strCount);

    dtGroup.Rows[i]["SumColumn"] = (strSum == "" ? "0" : strSum);

    dtGroup.Rows[i]["AvgColumn"] = (strAvg  == "" ? "0" : strAvg );        

}

最後dtGroup就是Group By後的資料了。

用jQuery取得RadioButtonList所選的值

2011-07-27T05:38:00.000-07:00

開發.NET程式時，常常會使用到RadioButtonList控制項，在很多狀況下常需要依照使用者所選的值去做一些判斷或動作，雖然.Net本身就有OnSelectedIndexChanged事件可以用，搭配UpdatePanel等，可以做到不用PostBack的功能，但用jQuery也是可以寫的很簡單。

若使用的是RadioButtonList控制項，aspx內容如下：

<asp:RadioButtonList ID="rblTest" runat="server" >
<asp:ListItem Text="1" Value="1" Selected="True" />
<asp:ListItem Text="2" Value="2" />
</asp:RadioButtonList>

產生的Html語法會長成這個樣子：

有看到吧? 產生的input物件，name 都是 rbTest，但id卻是以rbTest_開頭，再加上從0開始的序號，所以如果要使用jQuery取得所選的值的話，可以有兩種方法：
1.用id開頭取得：

$("input[id^='<% =rblTest.ClientID %>']:checked").val()

2.用name取得：

$("input[name='<% =rblTest.ClientID %>']:checked").val()

兩種都可以試試。

MySQL使用暫存table時出現Error Code: 1137 Can't reopen table: 'XXX'錯誤

2011-07-15T07:00:00.000-07:00

在MySQL使用暫存Table時，若出現 Error Code: 1137 Can't reopen table: 'XXX' 的錯誤

表示你使用了像下列的語法：

CREATE TEMPORARY TABLE tempTable

SELECT * FROM tableA

INSERT INTO tempTable

SELECT * FROM tableB

WHERE tableB.`cname` IN (SELECT `cname` FROM tempTable);

MySQL中，是不允許一段語法裡，做出像是遞迴的動作的語法，其他資料庫我沒試過，所以不知道可不可以這樣做，而會出現這種錯誤，通常都是因為疏忽(就是在說我自已…= =)，建議解決方式：再用一個暫存Table來存原本暫存Table的值，如下：

CREATE TEMPORARY TABLE tempTable

SELECT * FROM tableA

CREATE TEMPORARY TABLE tempTable2

SELECT * FROM tempTable

INSERT INTO tempTable

SELECT * FROM tableB

WHERE tableB.`cname` IN (SELECT `cname` FROM tempTable2);

當 $(document).ready 碰上UpdatePanel

2011-07-15T06:09:00.000-07:00

在 ASP.NET的開發中，UpdatePanel 是一個讓人又愛又恨的存在，讓人很方便使用，卻又常會造成一些問題。其中一個問題就是當UpdatePanel的(Partial) PostBack觸發後，你會發現你在$(document).ready中所設定的事件、屬性、ccs…等，全部都消失了，畫面並沒有reload，但你設定的動畫、mouseover、mouseout、watermark…等，卻都失效，沒有作用了。下面就是為了應對這種問題的解決方式：

$(document).ready(function() {

     pageLoad();

     Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {

            pageLoad();

     });

});

function pageLoad() {

    //你要執行的程式碼

}

加入Sys.WebForms.PageRequestManager.getInstance().add_endRequest 這個事件，並重新執行一次原本$(document).ready所執行的程式就可以解決這個問題了。

如果你要在UpdatePanel的(Partial) PostBack執行前，去處理一些事件，像是記錄當下的數值之類的，你可以用 Sys.WebForms.PageRequestManager.getInstance().add_beginRequest這個事件來做處理。

如果你在$(document).ready中有設定css的class，這個方式在Chrome、Firefox等瀏覽器下，也可以確實的解決問題。但在IE下，有時你會發現，不管你怎麼重新設定css class，好像都沒作用，javascript事件、function、甚至用$(selector).css()來設定css，全部都有跑，但唯獨設定css class的部份卻跟沒跑一樣。

如果你的css class是寫在網頁中，那這個問題的解決方式有二：
1.將你的css屬性，全改用$(selector).css()來設定。
2.將你class的style區段移至<head>中，這樣就可以解決問題了，真是莫明奇妙...

參考資料：
http://stackoverflow.com/questions/256195/jquery-document-ready-and-updatepanels
http://stackoverflow.com/questions/1732164/losing-css-class-added-through-jquery-on-updatepanel-partial-postback
http://sudheerkondraguntaprogramming.blogspot.com/2011/05/issue-with-css-stylesheet-and.html

jQuery UI Modal Dialog 中ASP:Button 無法PostBack的解決方式

2011-07-01T07:02:00.000-07:00

如果有在.NET網頁(aspx)中使用jQuery UI 的Modal Dialog Plugin的人，應該會發現，若將ASP:Button控制項放在Dialog中，裡面的Button按下去是不會PostBack的，google了一下後，發現只要加一行程式就可以解決了，解決方式如下：

$("#btnA").click(function() {                              
    $("#divDialog").dialog({    //顯示Modal Dialog
        title: 'title',
        modal: true
    });
    //重點在這
    $("#divDialog").parent().appendTo($("form:first")); 
});           


$("#btnCancel").click(function() {
    $("#divDialog").dialog("close");   //關閉Modal Dialog
});

參考資料：
http://stackoverflow.com/questions/568784/jquery-modal-form-dialog-postback-problems

Google Map JavaScript API v3 實作滑鼠右鍵(Right Click)選單

2011-06-25T19:33:00.000-07:00

要實作Google Map的右鍵選單，可參考下列做法，在實作之前，先做好Google Map API的一些基本動作，不熟的人可以參考之前的文章中1. Google Map 初始化這段。接著就可以參考下面的動作了。

首先可以先設定一個CSS的Class，如下：

.contextMenu {

         position: absolute;

         min-width: 100px;

         z-index: 1000;  /* 必要 */

         background: #fff;

         border-top: solid 1px #CCC;

         border-left: solid 1px #CCC;

         border-bottom: solid 1px #676767;

         border-right: solid 1px #676767;

         padding: 0px;

         margin: 0px;

         display:none;    /* 預設為不顯示 */

         font-size:smaller;

}

其中有個很重要的一點，就是z-index這個屬性一定要給，如果沒給的話，不管你怎麼按右鍵、改程式，選單都不會出來。原因的話，我還沒查到...= = (這是心路歷程)。

再來可以寫一個DIV，就是要在滑鼠右鍵按下( Right Click)時顯示的選單，把class設剛剛寫好的CSS Class：

<div id="rightMenu" class="contextMenu">

    <a>設為起點</a>     

    <a>設為終點</a>    

</div>

在接下來的JavaScript部份，因為有使用jQuery語法，所以必須要include jQuery，請在<head>中加入這一行程式：

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>

接下來就是JavaScript部份了：

<script language='javascript'>

    var contextMenu = $("#rightMenu");    //宣告物件

    $(map.getDiv()).append(contextMenu);           

    //加入事件 

    google.maps.event.addListener(map, "rightclick", function(e) {      

        //先隱藏div

        contextMenu.hide();

        var mapDiv = $(map.getDiv());

        var x = e.pixel.x;

        var y = e.pixel.y;               

        //當選單太靠近邊界時，調整選單位置

        if (x > mapDiv.width() - contextMenu.width()) {

            x -= contextMenu.width();

        }

        if (y > mapDiv.height() - contextMenu.height()) {

            y -= contextMenu.height();

        }

        //設定座標，並加入動畫

        contextMenu.css({ top: y, left: x }).fadeIn(100);                     

    });

    //當下列事件觸發時，隱藏選單

    $.each('click dragstart zoom_changed maptypeid_changed'.split(' '),   

        function(i, name) {

            google.maps.event.addListener(map, name, function() {

                contextMenu.hide()

            });

    });

</script>

參考資料：
http://www.pinsoftstudios.com/tips/google-maps-api-v3-right-click-context-menu

ASP.NET 動態新增Control、UserControl在PostBack後的處理

2011-06-22T04:53:00.000-07:00

當有控制項(Control)或使用者控制項(UserControl)在頁面中是屬於動態新增的，若在頁面上不會觸發PostBack事件，其實是很好處理的，在使用上不會有什麼大問題。問題在於觸發PostBack的情況是很容易發生的，當PostBack發生後，你會發現所有動態產生的控制項通通不見了，這個問題實在是很惱人，所以在動態新增控制項時，要做一些特別的處理，程式才會乖乖的照著你的意思跑。

動態增加控制項的方法如下(以下以使用者控制項為例)：

//載入User Control

UserControl1 ucObj=(UserControl1)LoadControl("~/UserControl1.ascx");

//若為一般控制項(Control)，只要new一個新物件即可

//以TextBox為例，TextBox txtObj = new TextBox();

panel1.Controls.Add(ucObj); //加在Panel中

若上述程式放在按鈕的Click事件中，當User每按一次按鈕時，控制項照理說會一直增加，但實際上卻一直只有一個UserControl出現在畫面上。出了什麼問題? 原因就是沒有ViewState，所以PostBack後，原先增加的控制項就消失了，只有最後新增的一個控制項存在。因為是動態新增的，所以在Page_Init時.NET沒辦法將控制項重建，而解決方式就是用ViewState或Session將新增的控制項總數記下來，在Page_Load時將動態新增的控制項加回去，在新增控制項時，要多記錄控制項數目，所以上面的程式要改成如下：

//載入User Control

UserControl1 ucObj=(UserControl1)LoadControl("~/UserControl1.ascx");

panel1.Controls.Add(ucObj); //加在Panel中

if (ViewState["UcCount"] != null) {

    //記錄控制項數目

    ViewState["UcCount"]=           (int.Parse(ViewState["UcCount"].ToString())+1).ToString();

}else{

    ViewState.Add("UcCount", "1");

}

另外，在Page_Load事件中，要加入下列程式碼：

if (ViewState["UcCount"] != null) {

    for (int i = 1; i <= int.Parse(ViewState["UcCount"].ToString()); i++) {                              panel1.Controls.Add((UserControl1)LoadControl("~/UserControl1.ascx"));

    }

}

另外要注意的是，新增控制項時不可以設定ID(ex. ucObj.ID = "xxx")，否則每次PostBack時，都會視為一個新的物件，而讓PostBack前輸入的值消失。

參考資料：
http://social.msdn.microsoft.com/forums/zh-TW/236/thread/c18da009-fbcd-437b-9f9c-f758ade1e477/

ASP.NET錯誤：具有潛在危險 Request.Form 的值已從用戶端偵測到對應方式

2011-06-20T21:57:00.000-07:00

在ASP.NET中，預設會將XSS (Cross Site Script)攻擊擋掉，若發現XSS攻擊，ASP.NET就會出現下列這種錯誤訊息：

具有潛在危險 Request.Form 的值已從用戶端 (XXXX) 偵測到

對於網頁開發者來說，自動擋掉錯誤是一件好事，但系統卻會出現錯給你的User看，這是個很不好的，為了避免這種狀況，
有一種解決方式是將 validateRequest 設成false，如果是針對個別網頁的話，修改的地方如下：

<%@ Page Language="C#" AutoEventWireup="false" CodeFile="Test.aspx.cs" Inherits="Test" validateRequest="False" %>

如果要針對整個網站的話，則是透過修改 web.config來達到整個網站關閉的目的

<system.web>

         <pages validateRequest="False" />

</system.web>

但若依上述方式修改，等於是讓系統開了個漏洞，所以若以上述方式修改的話，還必須要為每個控制項的值加入HtmlEncode，以防止XSS攻擊，ex.

txtBox1.Text = HttpUtility.HtmlEncode(txtBox1.Text)

總而言之，上面的方式，我個人覺得不太好，所以接下來還有另一種方式：透過Error事件，來做處理。這也有兩種方式可以實作
第一種方式，是用Page_Error來做處理，在程式中加入如下程式：

    protected void Page_Error(object sender, EventArgs e) {               

        if (Server.GetLastError().GetType().ToString() == "System.Web.HttpRequestValidationException") {

            Response.Redirect([要導入的錯誤畫面]);

        }

        Server.ClearError(); //清掉錯誤，讓ASP.NET的錯誤不出現

    }

若嫌要在每個網頁加上這段程式很麻煩，可以建立一個 BasePage 類別，再讓每個網頁繼承即可。

另外還有一種更方便的方式：在 Global.asax新增application_error事件，程式如下：

 void Application_Error(Object sender, EventArgs e)

    {

       if (Server.GetLastError().GetType().ToString() == "System.Web.HttpRequestValidationException") {

            Response.Redirect([要導入的錯誤畫面]);

        }

        Server.ClearError();

    }

這樣就不會出現ASP.NET錯誤了

參考資料：
http://tgw1029.blogspot.com/2010/02/requestform.html
http://social.msdn.microsoft.com/forums/zh-TW/236/thread/a4ecbacc-ffb9-49b9-bf52-93749a3e699a
http://www.dotblogs.com.tw/kirkchen/archive/2009/12/07/12314.aspx

Codeigniter 使用POST方式實作jQuery UI中的AutoComplete(自動完成)

2011-06-20T07:48:00.000-07:00

要在Codeigniter中利用jQuery來實作AutoComplete，目前比較受歡迎的，大概是這個 jQuery Plugins 及jQuery UI。jQuery Plugins透過POST來實作的方式Google一下就有很多，反而jQuery UI的討論比較少。

在jQuery UI的官方網站中的範例中，是使用 $.getJSON方式來傳輸入的值給Server端，程式如下：

$.getJSON( "search.php", {term: extractLast( request.term )}, response );

$.getJSON是使用GET方式，與Codeigniter預設是不開放GET有衝突到，所以要解決這個問題有兩種做法：
一、將Codeigniter中application/config/config.php中的 $config['enable_query_strings'] 設為 true
二、不要用 $.getJSON，改用$.ajax來抓server端的資料

下面就來說說第二種改用$.ajax來抓資料的方式。

Server端的程式如下：

$aryPara = array(
   $this->input->post('term') //抓term(使用者所輸入的值)
);

$sql = "SELECT col1 FROM table1 WHERE col1 LIKE CONCAT(?, '%');";
$result = $this->db->query($sql, $aryPara);        
if($result->num_rows() > 0){       
   $data= array(); //一定要轉成有label及value的array
    
   foreach($result->result() as $row){
      //設定資料, col1替換成你的欄位名稱
      $data[] = array('label'=> $row->col1, 'value'=> $row->col1);
   }
}
echo json_encode($data);
   
$result->free_result();
$this->db->close();

Client端的程式如下：

$("#txtKeyword").bind("keydown", function( event ) {
    if ( event.keyCode === $.ui.keyCode.TAB &&
           $(this).data("autocomplete").menu.active ) {
       event.preventDefault();     
    }
})
.autocomplete({
    source: function(request, response) {
       $.ajax({url: "search.php",
           //注意：這裡是設定post的變數及值，Server端就是以這個變數名稱取值
           data: {term: extractLast( request.term )},  
           dataType: "json",
           type: "POST",
           success: function(data){
                   response(data);
           }
       });
    },     
    search: function() {
      var term = extractLast(this.value);
      if (term.length < 2 ) { //當字數小於兩個字時，不抓資料
          return false;
      }
    },
    focus: function() {return false;},
    select: function(event, ui) {
          var terms = split( this.value );
          terms.pop();
          terms.push( ui.item.value );
          terms.push( "" );
          this.value = terms.join( ", " );
          return false;
    }
});

function split( val ) {
    return val.split( /,\s*/ );
}
function extractLast(term) {
    return split( term ).pop();
}

這樣就大功告成了。

參考：
http://forum.jquery.com/topic/jquery-autocomplete-new-parameter-implemented-method-get-post
http://api.jquery.com/jQuery.getJSON/
http://jqueryui.com/demos/autocomplete/#multiple-remote

Google Map JavaScript API v3 的一些常用語法

2011-06-13T22:46:00.000-07:00

下列是使用Google Map API時的一些常用的語法

1. Google Map 初始化：
先 include google map api

<script type="text/javascript"src="http://maps.google.com/maps/api/js?sensor=false" ></script>

接著在Body中加入下面這個Div，這個Div是要用來顯示Google Map的物件

<div id="map_canvas" style="width:300px;height:300px;"></div>

接著加入下面的JavaScript程式碼，可以寫在body的onload事件或 jQuery的 $(document).ready 中

var latlng = new google.maps.LatLng(23.69781, 120.96051499999999);  //台灣座標

var myOptions = {

    zoom: 15,    //地圖縮放比例，數字越大，路越大

    center: latlng,  //地圖的中心座標

    mapTypeId: google.maps.MapTypeId.ROADMAP  //地圖型態，可參考 這裡

};

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

2. 新增Marker：

var myLatlng = new google.maps.LatLng(23.69781, 120.96051499999999);

var marker = new google.maps.Marker({

    position: myLatlng,    //Marker的座標

    map: map,    //map物件，以這篇文章的例子，就是上面那個map物件

    title: 'title'    //當滑鼠移至Marker上時，要顯示的Title文字

});

3. 在Marker click時，顯示InfoWindow：

google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map, marker);
});

4. 新增InfoWindow：

var infowindow = new google.maps.InfoWindow();    //初始一個物件

infowindow.setContent('這是內容');    //InfoWindow的內容，可用Html語法

infowindow.setPosition(myLatlng);    //座標

5. 在地圖Click時新增一個Marker：

google.maps.event.addListener(map, "click", function(event) {

    marker_Click = new google.maps.Marker({

                    map: map,

                    position: event.latLng

                });

            });

6. 用地址查座標：

function getLatLngByAddr() {

    var geocoder = new google.maps.Geocoder();  //定義一個Geocoder物件

    geocoder.geocode(

        { address: '[地址]' },    //設定地址的字串

        function(results, status) {    //callback function

            if (status == google.maps.GeocoderStatus.OK) {    //判斷狀態

                alert(results[0].geometry.location);             //取得座標                                 

            } else {

                alert('Error');

            }

      }

 );

}

參考：
http://itunes.apple.com/us/app/wikihow-how-to-diy-survival/id309209200?mt=8
Google Map Reference
Google Map API Tutorial

Codeigniter上實現Ajax (使用jQuery)

2011-06-06T19:52:00.000-07:00

下面這個在Codeigniter上實現Ajax的方式，是透過jQuery的post方法來實現，首先寫好一個controller，controller的程式範例如下：

<?php 
class testAjax extends CI_Controller {    
 function index() { 
 }
 
 function testPost() {  
     echo "result=".$this->input->post('para');
 }
 function testPara($strPara) {  
     echo "result=".$strPara;
 }
}
?>

上面有兩個function，分別是以post (testPost)、傳入參數 (testPara)兩種方式來呈現，其實只要選擇一種來實作即可，可以自已選擇自已喜歡的方式。View的程式範例如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<title></title>
</head>
<body>
    <script language='javascript'>
    //<![CDATA[
    function testAjaxPost() {      
        var options = {'para' : '[在這輸入para的值]'};
     
        $.post('/index.php/testAjax/testPost', options, function(data) {
            alert(data);
        });
    }


    function testAjaxPara() {             
       $.post('/index.php/testAjax/testPara/[在這輸入要傳入$strPara的值]', null, function(data) {
         alert(data); 
      });
    } 
    //]]>
    </script> 
  

<form id='frm1' method='post'>
 <table border="0">   
 <tr>
  <td>
   <input type='button' id='btnTestPost' value='Post' onclick='testAjaxPost();' />
   <input type='button' id='btnTestPara' value='Para' onclick='testAjaxPara();' />
  </td>
 </tr>
 </table>  
</form>        
</body>
</html>

這樣就可以執行了，jQuery的post說明如下：

$.post(URL [,POST_Para] [,Success] [,Fail]);

URL：Server端的URL。

POST_Para：要以Post方式傳入的陣列變數(不需使用時，可不傳入)。

Success：成功時要執行的程式碼(不需使用時，可不傳入)。

Fail：失敗時要執行的程式碼(不需使用時，可不傳入)。

其中傳入參數(testAjaxPara)方式，可以直接在網址輸入參數的值
而Post (testAjaxPost)方式則是透過javascript的陣列來傳入參數的值。

若要做比較進階的Ajax運用，可以在controller將值輸出成json或xml格式，就可以做到更多的功能

參考：http://stackoverflow.com/questions/308054/learning-how-to-use-ajax-with-codeigniter

Facebook login-button的一些研究

2011-06-01T02:37:00.000-07:00

若想使用Facebook的login-button元件，可參考Facebook Developers Docs，下列這段就是從範例中節錄下來的，可直接參考使用：

<html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>
      <div id="fb-root"></div>
      <script src="http://connect.facebook.net/en_US/all.js"></script>
      <script>
         FB.init({ 
            appId:'YOUR_APP_ID', cookie:true, 
            status:true, xfbml:true 
         });
      </script>
      <fb:login-button perms="email,user_checkins">Login with Facebook</fb:login-button>
</body> 
</html>

繁體中文語系的人，可以把include的網址改成

http://connect.facebook.net/zh_TW/all.js

其中login-button有下列官方公佈的屬性可以使用：

show-faces - 是否顯示Facebook的圖像(照片)
width - 設定元件的寬度 (注意！不是按鈕的寬度)，預設為200
max-rows - 設定圖像(照片)顯示最大的列數，預設為1 (不知道可以做什麼用? 試了沒效果)
perms - 要求Facebook使用者授權的項目，詳細屬性可至這裡查看

除了上面這些屬性，其實還有一些屬性是可以用的：

autologoutlink - 是否顯示登出按鈕，true: 若使用者登入，會顯示登出；false: 若使用者登入，還是顯示登入。
size - 按鈕大小，可使用：small、medium、large、xlarge。
length - 按鈕內預設文字的長度，ex. short:登入、long:用Facebook登入。若是自訂文字的話，這個屬性是沒作用的。
background - 指定按鈕的背景色，可使用white、light、dark。預設為light

如果要更改按鈕上的字，可以照下面這樣改，這樣就可以修改按鈕中的文字了。

<fb:login-button>[在這輸入文字]</fb:login-button>

但若有將上面的autologoutlink設為true，且login-button該變為「登出」時，login-button中的文字卻會一樣是自已輸入的登入文字，這點還蠻奇怪的，我還沒找到方法解決這個問題。

若要在login-button登入後執行一些動作，可以在FB.init後加上：

FB.Event.subscribe('auth.login', function(response) {
            //打上你的程式碼
          });

這樣就可以在login之後做您想做的事，同理，若要在登出後做某些事，只要把 auth.login 改成 auth.logout 即可

--------------------------------- 接下來要說自訂按鈕的用法 ----------------------------------------

上面的用法，是直接使用Facebook內定的按鈕，只要放上FBML Tag即可使用。但若如果要自訂登入按鈕的話，可以直接寫一個function，如：

function fbLogin() {  
      FB.login(function(response) {
       if (response.session) {
         if (response.perms) {
          //使用者已登入Facebook成功，且已授權你的應用程式存取
         } else {
           //使用者已登入Facebook成功，但未授權你的應用程式存取
         }
       } else {
         //使用者未登入成功
       }
     }, {perms:'publish_stream,offline_access'}); //設定需要授權的項目
  }

接著再放入一個Html Tag，如button，在onclick中呼叫function即可：

<input type='button' value='登入' onclick="fbLogin();"/>

要注意的是，若你放的是input tag，千萬要切記啊，type不可以使用submit，否則當你按下按鈕，跳出Facebook登入視窗，並輸入帳號密碼登入後，你只會看到一個白色的畫面，標題上面寫著「XD Proxy」，然後你的function連動都不會動，但卻已成功登入進Facebook。

PS.今天卡了一個下午就是在查這個問題，google查的都沒有效 (facebook login-button popup blank)，就在要放棄時，想說該不會是submit的問題，結果就好了，我也不知道是什麼原因造成這結果.....

參考：
http://developers.facebook.com/docs/
http://forum.developers.facebook.net/viewtopic.php?id=72137

Subversion(SVN)與CVS的比較

2011-05-26T02:02:00.000-07:00

最近在比較CVS與SVN的差異，下列表格是整理出來的重點，參考看看：

項目	CVS	SVN
資料夾的版本控制	NG	OK
檔案重新命名	NG	OK
檔案移動	NG	OK
檔案複製	NG	OK
資料夾的刪除	NG	OK
新舊資料夾的比較	NG	OK
中文檔名的支援	Big5、UTF-8	UTF-8
檔案儲存	以實體檔案儲存	以資料庫儲存
耗費Server空間大小	大	小
Commit時，上傳的內容	上傳整個檔案	只上傳差異部份
檔案類型區分	文字、binary、unicode	全視為Binary
Commit時的檔案類型	要自已指定檔案類型	不需指定
Commit的一致性	無Rollback功能	有Rollback功能
檔案差異比較	只有文字可比較	全部檔案都可比較
衝突處理	僅告知衝突	必須解除衝突才可Commit
Branch、Tag的管理	可用版本號碼控管	必須手動用目錄來控管

參考：
SVN中文手冊
http://twpug.net/docs/Subversion/
SVN官方網站
http://subversion.tigris.org/
選擇SVN的理由
http://blog.xuite.net/jackytseng7028/WikiLife/26020467

XSL中轉換產出格式的方法

2011-05-22T06:43:00.000-07:00

使用XSL來轉XML時，若要在XSL中轉換產出值的格式，有下列幾種方式：
一、可使用一些內建的函式來做轉換 (但內建的函式實在是很少...)：

<x:value-of select="format-number([節點名稱], '###,###')"/>

則會將數字的資料轉為如 123,456 這種格式

二、自已寫XSL的function來做轉換

三、寫Script來做轉換，這個方式可以做到的功能就很多了，看是要用JavaScript、C#、VB...都可以，下列的例子是用來做日期轉換的函式：

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"

xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl [前置詞]" extension-element-prefixes="msxsl" xmlns:[前置詞]="urn:[前置詞]">

若是用Visual Studio 2008產生的XSL檔案的話，要在上面這段加入下面兩段文字

1. xmlns:[前置詞]="urn:[前置詞]"
2. exclude-result-prefixes="msxsl [前置詞]"

[前置詞] 是由自已隨便輸入的，但在使用時要注意全部都要相同。接下來再加入下列程式碼(範例)：

<msxsl:script implements-prefix="[前置詞 ]" language="C#">
<![CDATA[
public string FormatDateTime(string xsdDateTime, string format) {
DateTime date = DateTime.Parse(xsdDateTime);
return date.ToString(format);
}
]]>
</msxsl:script>

最後在使用時，直接像下面程式般呼叫函式，即可做到相當多的功能。

<xsl:value-of select="[前置詞 ]:FormatDateTime([節點名稱], 'yyyy MM DD')"/>

參考：
http://stackoverflow.com/questions/500915/format-a-date-in-xml-via-xslt
http://stackoverflow.com/questions/669291/xslt-decimal-formatting-based-on-input-xml
http://www.w3schools.com/xsl/

規則運算式(正規表示式)語法整理

2011-05-19T23:53:00.000-07:00

以下為參考 Wiki 後，修改成自已比較能了解的規則運算式符號整理：

以下資料仍有一些不太了解或不知道該如何解釋的地方，請見諒。

編號	字元	描述
1	\	特殊字元的前置符號，將下一個字元標記為一個特殊字元。例如，「\n」代表換行符號。「\\」代表「\」而「\(」則代表「(」。
2	^	表示字串必須以後面的字元開頭。ex. ^aa，表示必須以aa開頭。
3	$	表示字串必須以後面的字元結尾。ex. aa$，表示必須以aa結尾。
4	*	表示 * 前面的字元可出現或不出現。例如：Gooogle 能匹配 Google、Goooooogle。等於 {0,}。
5	+	表示 + 前面的字元至少要出現一次(可出現多次)，ex.go+gle 表示這個字串可以為gogle、google、gooooogle...。+ 等於 {1,}
6	?	表示 ? 前面的字元最多只可以出現一次(可不出現)。ex.colou?r 表示這個字串可以為color或colour。? 等於 {0,1}
7	{n}	大括號「{}」中包起來的數字n是一個非負整數。代表前面的字元一定要出現n次。例如：o{3} 可以為 Gooogle 的 ooo，但不能匹配 Google。
8	{n,}	大括號「{}」中包起來的數字n是一個非負整數。代表前面的字元至少要出現n次。ex.go{2,}gle 可以為google、goooogle，但gogle就不合格。
9	{n,m}	大括號「{}」中包起來的數字n是一個非負整數。代表前面的字元至少要出現n次，最多不可超過m次。n要小於等於m。ex. go{2,4}gle可以為google、goooogle，但gogle、gooooogle就不合格。
10	?	當?字元放在次數限制符號（*,+,?，{n}，{n,}，{n,m}）後時，表示要不貪心的尋找，可增加效能。不貪心表示只要找到一個就好，不再找別的。參考：http://deer.nublog.cc/article.php?i=20080225
11	.	表示除「\n」之外的任何字元。要表示包括「\n」在內的任何字元，請使用「[.\n]」。
12	(pattern)	小括號代表中間的pattern為一群組。
13	(?:pattern)	匹配pattern但不獲取匹配結果，也就是說這是一個非獲取匹配，不進行儲存供以後使用。例如：run(?:n\|ning) 能匹配 running 整個字串，並且從此字串後繼續比對。
13	(?=pattern)	正向預查，在任何匹配pattern的字串開始處匹配尋找字串。這是一個非獲取匹配，也就是說，該匹配不需要獲取供以後使用。例如：Office(?=2003\|2007\|2010) 能匹配 Office2003 中的 Office，但不能匹配 Office2005 中的 Office，而從 Office 字串後繼續比對。
14	(?!pattern)	負向預查，在任何不匹配pattern的字串開始處匹配尋找字串。這是一個非獲取匹配，也就是說，該匹配不需要獲取供以後使用。例如：Office(?!2003\|2007\|2010) 能匹配 Office2005 中的 Office，但不能匹配 Office2010 中的 Office，而從 Office 字串後繼續比對。
15	x\|y	代表OR，ex. (A\|a)pple 表示這個字串可以為Apple或apple
16	[xyz]	代表可為中括號[]內的任一字元。ex.[abc]表示可為a、b、c任一字元。
17	[^xyz]	代表不可為中括號[]內的任一字元。ex.[abc]表示不可為a、b、c任一字元。
18	[a-z]	代表可為中括號[]內的字元區間內的任一字元。ex.[a-z]表示可為a~z間的任一字元。
19	[^a-z]	代表不可為中括號[]內的字元區間內的任一字元。ex.[a-z]表示不可為a~z間的任一字元。
20	\b	表示字和空白之間的交會點。ex.於aa bb aabb時，可以用 aa\b 找出 aa，而不會找出aabb、也不會找出「aa (空格)」。
21	\B	表示非字和空白之間的交會點
22	\cx	表示一個控制字元。例如，\cM匹配一個Control-M或Enter符。x的值必須為A-Z或a-z之一。否則會將c視為一個單純的「c」字元。
23	\d	可為任何數字。\d 等於[0-9]。
24	\D	不可為數字。\D 等於[^0-9]。
25	\f	換頁符號。\f 等於\x0c和\cL。
26	\n	換行符號。\n 等於\x0a和\cJ。
27	\r	Enter符號。\r 等於\x0d和\cM。
28	\s	代表任何空白字元，包括空格、製表符、換頁符等等。\s 等於[\f\n\r\t\v]。
29	\S	代表任何非空白字元。\S 等於[^\f\n\r\t\v]。
30	\t	代表Tab字元。\t 等於\x09和\cI。
31	\v	代表垂直Tab字元(Vertical Tab)。\v 等於\x0b和\cK。
32	\w	可為包括底線「_」的任何文字、數字。\w 等於「[A-Za-z0-9_]」。
33	\W	不可為包括底線「_」的任何文字、數字。。\W 等於「[^A-Za-z0-9_]」。
34	\xn	表示為n所代表的ASCII字元，n為十六進位值。十六進位值僅可寫兩個字元。例如，「\x41」匹配「A」。「\x041」則等價於「\x04&1」。
35	\num	num是一個正整數。對前方括號內的字元做重複的動作。例如，「(.)\1」代表兩個連續的相同字元。
36	\n	標識一個八進制轉義值或一個向後參照。如果\n之前至少n個獲取的子運算式，則n為向後參照。否則，如果n為八進制數位（0-7），則n為一個八進制轉義值。
37	\nm	標識一個八進制轉義值或一個向後參照。如果\nm之前至少有nm個獲得子運算式，則nm為向後參照。如果\nm之前至少有n個獲取，則n為一個後跟文字m的向後參照。如果前面的條件都不滿足，若n和m均為八進制數位（0-7），則\nm將匹配八進制轉義值nm。
38	\nml	如果n為八進位數字（0-3），且m和l均為八進位數字（0-7），則代表八進位數字所代表的值。
39	\un	n是一個用四個十六進位數字表示的Unicode字元。代表n所表達的字元。例如，\u00A9代表版權符號（©）。
40	\on	n是一個用二個八進位數字表示的Unicode字元。代表n所表達的字元。例如，\o47。

參考資料：
http://deer.nublog.cc/article.php?i=20080225
http://ericbbs.blogspot.com/2009/08/2.html

PHP fopen、file_get_contents使用注意事項

2011-05-14T21:17:00.000-07:00

當使用PHP中的fopen、file_get_contents..等函數等，Server端一定要可以連到該URL的網頁，語法如下：

file_get_contents([URL])

若出現下列錯誤訊息：

Message: file_get_contents() [function.file-get-contents]: php_network_getaddresses: getaddrinfo failed: Temporary failure in name resolution

表示Server的IP變更過，而Apache沒有重新啟動過，這時只要將 Apache重新啟動即可解決這個錯誤。

CentOS 5.5中PHP升級至 5.3的方法

2011-05-14T07:44:00.000-07:00

因為json_decode這個function 只在php 5.2以後支援，而CentOS 5.5 中的php卻只有5.1，官方的yum更新也還沒推出，所以在php升級這一塊，就得另外想辦法。

在參考google大神的意見之後，升級至5.3版最簡單的方法大概是這個吧：

wget http://download.fedora.redhat.com/pub/epel/5/i386/epel-release-5-4.noarch.rpm
wget http://rpms.famillecollet.com/enterprise/remi-release-5.rpm
rpm -Uvh epel-release-5*.rpm
rpm -Uvh remi-release-5*.rpm 
yum -y --enablerepo=remi update php-\*

若你的MySQL沒有升級，還是5.0版的話，上列命令執行後，會出現衝突的錯誤，錯誤訊息如下：

Transaction Check Error:
  file /etc/my.cnf from install of mysql-libs-5.5.12-1.el5.remi.i386 conflicts with file from package mysql-5.0.77-4.el5_5.4.i386
  file /usr/share/mysql/charsets/Index.xml from install of mysql-libs-5.5.12-1.el5.remi.i386 conflicts with file from package mysql-5.0.77-4.el5_5.4.i386
  file /usr/share/mysql/charsets/cp1250.xml from install of mysql-libs-5.5.12-1.el5.remi.i386 conflicts with file from package mysql-5.0.77-4.el5_5.4.i386

看到上面這個錯誤訊息，其實也不用將mysql移除再重裝，直接執行下面的命令去更新mysql到最新版本即可，而且會連php、php-mysql都更新成5.3.6。

yum -y --enablerepo=remi update mysql-\*

參考資料：
http://forum.icst.org.tw/phpbb/viewtopic.php?f=16&t=19416
http://blog.wu-boy.com/2009/09/rhelinstalling-php-52x-or-53x-on-redhat-es5-centos-5/