<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"//進(jìn)度條表格的名稱
    var WAITING_PROGRESS_ID_PREFIX = "WAITING_PROGRESS_"//進(jìn)度方塊的ID前綴, 一共progressEnd個(gè)
    var WAITING_INFO_TEXT = "正在處理數(shù)據(jù), 請稍候";

    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();
    }



     

     

    前臺(tái)使用方法:

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

     

    執(zhí)行效果:

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


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


    網(wǎng)站導(dǎo)航:
     
    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導(dǎo)航

    統(tǒng)計(jì)

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲成人免费在线观看| 国产精品色午夜视频免费看| 亚洲色无码一区二区三区| 亚洲精品久久无码| 永久久久免费浮力影院| 亚洲日韩av无码中文| 搡女人免费视频大全| 亚洲中文无码永久免| 精品剧情v国产在免费线观看| 亚洲乱色熟女一区二区三区蜜臀| 成年女人毛片免费视频| 亚洲国产成人久久综合| 亚洲国产激情一区二区三区| jizz免费在线影视观看网站| 中文字幕亚洲乱码熟女一区二区| 你懂的在线免费观看| 亚洲国语精品自产拍在线观看 | 久久精品国产亚洲| 99久热只有精品视频免费看| 亚洲成a人片77777群色| 日韩免费毛片视频| 一个人免费观看视频在线中文| 亚洲欧洲日产国码无码网站 | aaa毛片免费观看| 亚洲国产精久久久久久久| 亚洲性线免费观看视频成熟| 最新亚洲人成网站在线观看| 国产av无码专区亚洲av果冻传媒| 99久在线国内在线播放免费观看| 亚洲精品国产首次亮相| 在线A亚洲老鸭窝天堂| 91免费国产在线观看| 美女露隐私全部免费直播| 亚洲av无码不卡| 成在人线AV无码免费| 成人免费一区二区三区| 亚洲无mate20pro麻豆| 在线播放亚洲第一字幕| 卡1卡2卡3卡4卡5免费视频| 中国黄色免费网站| 亚洲欧美自偷自拍另类视|