<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    操作等待提示文本框

    核心代碼:

    var progressEnd = 20// set to number of progress <span>'s.
    var progressColor = 'blue'; // set to progress bar color
    var progressInterval = 300// set to time between updates (milli-seconds)

    var progressAt = progressEnd;
    var progressTimer;
    var WAITING_INFO_BAR_NAME = "WAITING_INFO_SPAN"//進度條表格的名稱
    var WAITING_PROGRESS_ID_PREFIX = "WAITING_PROGRESS_"//進度方塊的ID前綴, 一共progressEnd個
    var WAITING_INFO_TEXT = "正在處理數據, 請稍候";

    function waitAndGo(delay) {
    //    var waitingInfo = document.getElementById(WAITING_INFO_BAR_NAME);
    //
    //
        if( waitingInfo == null) {
            createWaitingBar();
    //    } else {
    //
            waitingInfo.style.display = ""; //show the ProgressBar
    //
        }

        progress_update(); 
    //begin the progressbar
    //
        if(wantHref) {
    //
            if(delay) {
    //
                window.setTimeout("location.href=\"" + wantHref + "\"", delay);
    //
            } else {
    //
                location.href=wantHref; //去掉這一行的注釋即可
    //
            }
    //
        }
    }


    function progress_clear() {
        
    for (var i = 1; i <= progressEnd; i++)
            document.getElementById(WAITING_PROGRESS_ID_PREFIX 
    + i).style.backgroundColor = 'transparent';
        progressAt 
    = 0;
    }


    function createWaitingBar() {
        
    var spanObj = document.createElement("SPAN");
        spanObj.id 
    = WAITING_INFO_BAR_NAME;
        
    var htmlCode = "<TABLE align=\"center\" id=\"waitTable\" style=\"display:none\"><TBODY><TR><TD style=\"font-size:9pt;text-align:center\">";
        htmlCode 
    += WAITING_INFO_TEXT;
        htmlCode 
    += "<DIV style=\"BORDER: black 1px solid; PADDING: 2px; FONT-SIZE: 2pt\">";
        
    for(var i=1; i<=progressEnd; i++{
            htmlCode 
    += "<SPAN id=\"" + WAITING_PROGRESS_ID_PREFIX + i + "\" style='background-color:red'>&nbsp; &nbsp;</SPAN> ";
        }

        htmlCode 
    += "</DIV> </TD></TR></TBODY></TABLE>";
        spanObj.innerHTML 
    = htmlCode;
        
    if(document.body) {
            document.body.appendChild(spanObj);
        }

    }


    function progress_update() {
        progressAt
    ++;
        
    if (progressAt > progressEnd)
            progress_clear();
        
    else
            document.getElementById(WAITING_PROGRESS_ID_PREFIX 
    + progressAt).style.backgroundColor = progressColor;
        progressTimer 
    = setTimeout('progress_update()',progressInterval);
    }


    function progress_stop() {
        clearTimeout(progressTimer);
        progress_clear();
    }



     

     

    前臺使用方法:

     waitAndGo(5000);
                 Ext.getDom(
    "bottomButtons").style.display = "none";
                 Ext.getDom(
    "waitTable").style.display = "";

     

    執行效果:

    posted on 2011-04-11 14:57 Mr.lu 閱讀(245) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    <2025年7月>
    293012345
    6789101112
    13141516171819
    20212223242526
    272829303112
    3456789

    導航

    統計

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 国产一级高清免费观看| 丁香花在线视频观看免费| 91在线视频免费91| 亚洲av无码不卡一区二区三区| 亚洲精品黄色视频在线观看免费资源 | 亚洲国产精品午夜电影| 中文字幕亚洲免费无线观看日本| 久久噜噜噜久久亚洲va久| 无码中文字幕av免费放dvd| 精品亚洲成a人片在线观看少妇| 久久久久国产精品免费看| 久久精品亚洲中文字幕无码麻豆 | 久久精品国产亚洲av麻豆蜜芽| 人成午夜免费视频在线观看| 亚洲国产成人精品激情| 全免费a级毛片免费**视频| 亚洲aⅴ无码专区在线观看| 亚洲高清免费视频| 热久久这里是精品6免费观看| 国产成A人亚洲精V品无码| 久热免费在线视频| 亚洲影视自拍揄拍愉拍| 国产精品另类激情久久久免费| 五月婷婷免费视频| 亚洲日本中文字幕区| 成年女人免费v片| 麻豆91免费视频| 亚洲av综合av一区| 无码国产精品一区二区免费I6| 国产精品亚洲精品久久精品| 亚洲人成无码www久久久| 嫩草在线视频www免费观看| 亚洲AV无码乱码麻豆精品国产| 国产午夜无码视频免费网站| 在线观看免费黄网站| 色婷五月综激情亚洲综合| 亚洲国产中文v高清在线观看| 无码少妇精品一区二区免费动态 | 337p日本欧洲亚洲大胆精品555588| 日韩一区二区a片免费观看| 久久国产精品免费|