ㄚ德的世界

2012年6月2日星期六

ASP.NET event sequence in master page(重要資訊)

The following is the sequence in which events occur when a master page is merged with a content page:

Content page PreInit event.
Master page controls Init event.
Content controls Init event.
Master page Init event.
Content page Init event.
Content page Load event.
Master page Load event.
Master page controls Load event.
Content page controls Load event.
Content page PreRender event.
Master page PreRender event.
Master page controls PreRender event.
Content page controls PreRender event.
Master page controls Unload event.
Content page controls Unload event.
Master page Unload event.
Content page Unload event.

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.5)

##修正無法自動對焦的問題
##於asp.net detail view使用時，編輯區的元件須設定ID
function KeyDownProcess(e) {
    //-----------------------------------------------------------
    //網頁親和性輸入控制元件
    //元件功能：可以讓網頁資料的輸入更親切，功能如下：
    //1.按下Enter鍵自動找到下一個可輸入輸入元件
    //2.按下Enter鍵自動找尋submit按鍵，如果找到則模擬Click的功能
    //3.當輸入元件設定唯讀時，按下backspace鍵時，防止網頁轉址
    //4.支援無障礙導覽設定
    //5.支援Firefox、Google Chrome瀏覽器
    //版本：1.5(2012.06.02)
    //作者：科碩資訊有限公司
    //引用本元件，請保留作者和版本資訊
    //連絡mail:cursor@cursorinfo.com.tw
    //------------------------------------------------------------
    w3cEvent = e;
    var kv = 0;
    var rv = false;
    var isTextarea = false;
    var currentId = null; //目前元件
    var ex;
    var isAll = typeof (document.all) == "object";
    if (isAll) {
        ex = event;
        kv = ex.keyCode;
        isTextarea = (ex.srcElement.tagName == "TEXTAREA");
        currentId = ex.srcElement.id;
    }
    else {
        ex = e;
        kv = ex.which * 1;
        isTextarea = (ex.target == "[object HTMLTextAreaElement]");
        currentId = ex.target.id;
    }
    switch (kv) {
        case 13:
            if (isAll) {
                if (ex.srcElement.tagName == "A" || (ex.srcElement.tagName == "INPUT" && ex.srcElement.type == "BUTTON"))
                    return true;
            }
            if (currentId.length == 0)
                return false;
            if (isTextarea == true) {
                rv = isTextarea;
            }
            else {
                var cts = isAll ? document.all : document.getElementsByTagName('*');
                var cid = "";
                var queryBu = null;
                var beginNext = false; //開始比對是否為輸入元件
                var nextInput = null; //下一個輸入元件
                var specialSubmitId = "textQueryBU"; //指定特例的submit id
                var exceptionSubmitId = "waitting"; //指定例外的submit Id
                for (ii = 0; ii < cts.length; ii++) {
                    if (cts[ii].type == null || cts[ii].id == null)
                        continue;
                    if (cts[ii].id == currentId) {
                        beginNext = true;
                        continue;
                    }
                    if (beginNext == true && (cts[ii].id.indexOf(specialSubmitId) > -1 || ((cts[ii].type == "submit" || cts[ii].type == "image") && cts[ii].id.indexOf(exceptionSubmitId) == -1))) {
                        queryBu = cts[ii]; //找到submit元件
                        break;
                    }
                    else if (beginNext == true && (cts[ii].type == "text" || cts[ii].type == "textarea" || cts[ii].type == "password") && cts[ii].readOnly == false && cts[ii].style.display != "none") {
                        nextInput = cts[ii]; //找到下一個文字輸入元件
                        break;
                    }
                }
                if (null != queryBu) {
                    setTimeout("doClickId('" + queryBu.id + "');", 100);
                    rv = false;
                }
                else if (null != nextInput && nextInput.offsetWidth != 0) {
                    try {
                        nextInput.focus();
                    } catch (Error) { return true; }
                    rv = false;
                }
            }
            break;
        default:
            rv = true;
            break;
    }
    return rv;
}
//實做模擬Click的功能
function doClickId(source) {
    var o = document.getElementById(source);
    if (document.all && typeof (document.all) == "object") //IE
        o.click();
    else {
        if (document.createEvent) {
            var e = document.createEvent('MouseEvent');
            e.initEvent('click', true, false);
            o.dispatchEvent(e);
        } else {
            o.fireEvent('onclick');
        }
    }
}

2011年6月28日星期二

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.4)

2011年6月27日星期一

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.3)

使用Javascript處理網頁Cookie心得

一、問題說明
在網頁運作過程有時候會使用Client Cookie的技術處理一些個別化的資訊，當我們使用搜尋引擎去搜尋Javascript處理Cookie的技術文章時，可以得到非常多樣的版本，但這些程式碼面對同時需要在主流瀏覽器如IE、Firefox、Chrome會有適用上的問題。

二、蒐集與改作
為了讓處理Cookie的Javascript的程式碼能同時適用於IE、Firefox、Chrome，經個人蒐集、測試、改寫後，彙整成下面程式碼，發布給有此需求的網友使用，並請繼續改良提供修正意見。

三、程式碼
function GetCookieValue(c_name) {
var cookieValue = null;
var search = c_name + "=";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search);
if (offset != -1) {
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
cookieValue = unescape(document.cookie.substring(offset, end))
}
}
return cookieValue;
}
function DeleteCookie(c_name) {
var expiredays = 20;
var exdate = new Date()
exdate.setDate(exdate.getDate() - expiredays)
document.cookie = c_name + "=" + escape(0) + ";path=/" + ";domain=" + location.host + ((expiredays == null) ? "" : ";expires=" + exdate.toUTCString());
}
function SetCookieValue(c_name, value) {
var expiredays = 20;
var exdate = new Date()
exdate.setDate(exdate.getDate() + expiredays)
document.cookie = c_name + "=" + escape(value) + ";path=/" + ";domain=" + location.host + ((expiredays == null) ? "" : ";expires=" + exdate.toUTCString());
}
四、重點說明：
　1、GetCookieVaue有多種解法，此版本可以同時適用於各主流瀏覽器。
　2、SetCookieValue修改重點是：除了name value expires外一定要加入domain和path的value。

2010年11月8日星期一

讓網頁自動設定輸入游標

問題描述：當網頁Load完成以後，如何自動找到可輸入元件，並且設定focus。
解決方案：使用KeyDown Process功能，可以完成自動對焦的功能。
KeyDown Process加入了新的function如下：

//找到第一個可輸入元件，並設定focus
function getFirstInputControl() {
var inputs = document.all && typeof (document.all) == "object" ? document.all : document.getElementsByTagName('input');
for (i = 0; i < inputs.length; i++) {
if ((inputs[i].type == "text" || inputs[i].type == "textarea") && inputs[i].readOnly==false) {
try { inputs[i].focus(); } catch (error) { }
break;
}
}
}

並且在網頁加入啟動功能，語法如下：
window.onload = function () {
document.onkeydown = KeyDownProcess;
getFirstInputControl();
}
有關KeyDown Process功能清參閱：網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.2)

2010年9月6日星期一

Windows Media server與IIS server如何同時使用80Port

Windows Media Server與IIS同在一部主機服務且該主機有兩張以上網卡時，如何讓IIS服務與影音串流服務同時使用80Port。
解決方案：
1、IIS網路IP繫結必須指定固定IP。
2、必須宣告Http Ip Listen，法法如下：
netsh http add iplisten ipaddress=x.x.x.x
注意事項：加入的IP是IIS所繫結的IP。
3、宣告完成後就可以啟動影音串流服務HTTP通訊協定，且使用80Port。

訂閱：文章 (Atom)

ㄚ德的世界

2012年6月2日星期六

ASP.NET event sequence in master page(重要資訊)

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.5)

2011年6月28日星期二

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.4)

2011年6月27日星期一

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.3)

使用Javascript處理網頁Cookie心得

2010年11月8日星期一

讓網頁自動設定輸入游標

2010年9月6日星期一

Windows Media server與IIS server如何同時使用80Port

教學是一種藝術，寫程式也是，您相信嗎？

網誌存檔

2012年6月2日 星期六

2011年6月28日 星期二

2011年6月27日 星期一

2010年11月8日 星期一

2010年9月6日 星期一

2012年6月2日星期六

2011年6月28日星期二

2011年6月27日星期一

2010年11月8日星期一

2010年9月6日星期一