操作等待提示文本框

          核心代碼:

          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 = "正在處理數(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();
          }



           

           

          前臺使用方法:

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

           

          執(zhí)行效果:

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


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


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

          導航

          統(tǒng)計

          常用鏈接

          留言簿(2)

          隨筆檔案

          文章檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 林口县| 青河县| 南华县| 崇州市| 岱山县| 华安县| 冕宁县| 威远县| 仙桃市| 耒阳市| 法库县| 二连浩特市| 桐乡市| 邳州市| 延边| 洪湖市| 安图县| 石嘴山市| 江安县| 定襄县| 贡嘎县| 承德县| 龙山县| 定边县| 大名县| 衡东县| 沧源| 广饶县| 从江县| 黄骅市| 浑源县| 阜宁县| 肇源县| 当雄县| 疏勒县| 定边县| 泾阳县| 濮阳县| 柳林县| 吉林省| 丰原市|