<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 閱讀(242) 評論(0)  編輯  收藏


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


    網站導航:
     
    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導航

    統計

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 久久精品国产影库免费看| 羞羞网站在线免费观看| 91免费福利视频| 亚洲欧洲日产国码一级毛片| 精品久久久久久亚洲综合网| 在线免费观看国产视频| 亚洲JIZZJIZZ妇女| 国产成人免费ā片在线观看| WWW国产亚洲精品久久麻豆| 国产色爽免费视频| 羞羞的视频在线免费观看| 免费一区二区三区四区五区| 高清国语自产拍免费视频国产| avtt天堂网手机版亚洲| 污视频网站免费在线观看| 国产一区二区三区无码免费| 亚洲黄色网址在线观看| 50岁老女人的毛片免费观看| 亚洲午夜精品一区二区公牛电影院| 四虎国产精品成人免费久久| 亚洲国产成人乱码精品女人久久久不卡| 亚洲精品色在线网站| 亚洲福利精品一区二区三区| 国产福利免费视频 | 啦啦啦高清视频在线观看免费 | 999久久久免费精品播放| 全部免费毛片在线| 男人j进女人p免费视频| 亚洲中文字幕无码一久久区| 午夜爽爽爽男女免费观看影院| 亚洲人成7777影视在线观看| 日韩毛片免费在线观看| 日日狠狠久久偷偷色综合免费 | 在线观看亚洲AV日韩A∨| 国产亚洲福利一区二区免费看| 精品国产免费人成网站| 一区二区三区亚洲| 四虎永久在线精品免费影视 | 99久久99久久精品免费看蜜桃| 国产精品亚洲一区二区三区久久| 亚洲中文字幕无码久久综合网|