<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ù), 請(qǐng)稍候";

    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 閱讀(245) 評(píng)論(0)  編輯  收藏


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


    網(wǎng)站導(dǎo)航:
     
    <2025年7月>
    293012345
    6789101112
    13141516171819
    20212223242526
    272829303112
    3456789

    導(dǎo)航

    統(tǒng)計(jì)

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章檔案

    搜索

    最新評(píng)論

    閱讀排行榜

    評(píng)論排行榜

    主站蜘蛛池模板: 在线视频精品免费| 成人一a毛片免费视频| a级毛片高清免费视频就| 亚洲五月综合缴情在线观看| 亚洲色欲色欲www在线播放| 免费一级毛片不卡在线播放| 亚洲AV成人噜噜无码网站| 免费A级毛片无码A∨| 亚洲Av永久无码精品三区在线| 久久免费公开视频| 日本亚洲高清乱码中文在线观看| 国产午夜亚洲精品午夜鲁丝片| 国产91免费在线观看| 国产裸体美女永久免费无遮挡| 亚洲国产小视频精品久久久三级 | 国产成人久久精品亚洲小说| 毛片免费视频播放| 中文字幕亚洲色图| 免费国产怡红院在线观看| 性色午夜视频免费男人的天堂| 亚洲福利电影一区二区?| 在线观看免费亚洲| 亚洲人成色7777在线观看不卡| 亚洲av无码乱码国产精品fc2 | 99re6热视频精品免费观看| 怡红院亚洲红怡院在线观看| 亚洲第一区二区快射影院| 亚洲国产成人久久综合区| 四虎影视精品永久免费| 13一14周岁毛片免费| 亚洲AV无码专区在线电影成人| 亚洲啪啪AV无码片| 亚洲精品国精品久久99热一| 亚洲色偷拍另类无码专区| 国产成人无码综合亚洲日韩| 成人毛片免费视频| 免费羞羞视频网站| 国产免费小视频在线观看 | 日本亚洲高清乱码中文在线观看| 免费无码黄网站在线观看| 久久WWW免费人成人片|