快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

在查询页面中显示进度条,在数据load成功后隐去进度条


<script language="javascript">function onSubmit() {  var waitingInfo = document.getElementById(getNetuiTagName("waitingInfo"));  waitingInfo.style.display = ""; //show the ProgressBar  progress_update();    //begin the progressbar  //waiting for several seconds,you would delete in your case  for(i=0;i<1000000;i++){   j=i+i;  }  location.href="progressbar.jsp"; //config your action page in here } // Build the netui_names table to map the tagId attributes // to the real id written into the HTML if (netui_names == null)  var netui_names = new Object(); netui_names.selectButton="portlet_15_1selectButton" // method which will return a real id for a tagId function getNetuiTagName(id) {  return netui_names[id]; } // method which will return a real id for a tagId, // the tag parameter will be used to find the scopeId for // containers that may scope their ids function getNetuiTagName(id, tag) {  var scopeId = getScopeId(tag);  if (scopeId == "")     return netui_names[id];  else     return netui_names[scopeId  + "__" + id]; } // method which get a tag will find any scopeId that, // was inserted by the containers function getScopeId(tag) {    if (tag == null)       return "";    if (tag.getAttribute) {        if (tag.getAttribute(\\\'scopeId\\\') != null)          return tag.getAttribute(\\\'scopeId\\\');    }     if (tag.scopeId != null)       return tag.scopeId;    return getScopeId(tag.parentNode); } // Build the netui_names table to map the tagId attributes // to the real id written into the HTML if (netui_names == null)    var netui_names = new Object(); netui_names.waitingInfo="waitingInfo" var progressEnd = 15;  // set to number of progress <span>\\\'s. var progressColor = \\\'green\\\'; // set to progress bar color var progressInterval = 200; // set to time between updates (milli-seconds) var progressAt = progressEnd; var progressTimer; function progress_clear() {  for (var i = 1; i <= progressEnd; i++)    document.getElementById(\\\'progress\\\'+i).style.backgroundColor = \\\'transparent\\\';  progressAt = 0; } function progress_update() {  progressAt++;  if (progressAt > progressEnd) progress_clear();  else document.getElementById(\\\'progress\\\'+progressAt).style.backgroundColor = progressColor;  progressTimer = setTimeout(\\\'progress_update()\\\',progressInterval); } function progress_stop() {  clearTimeout(progressTimer);  progress_clear(); }</script><span id="waitingInfo" style="display:none"><table align="center"><tr><td>正在处理数据, 请稍候......<div style="font-size:2pt;padding:2px;border:solid black 1px"><span id="progress1">   </span><span id="progress2">   </span><span id="progress3">   </span><span id="progress4">   </span><span id="progress5">   </span><span id="progress6">   </span><span id="progress7">   </span><span id="progress8">   </span><span id="progress9">   </span><span id="progress10">   </span><span id="progress11">   </span><span id="progress12">   </span><span id="progress13">   </span><span id="progress14">   </span><span id="progress15">   </span></div></td></tr></table></span><center>点击按钮试试:<input name="button" type="button" value="查询" onClick="javascript: return onSubmit();"> </center>




返回类别: 教程
上一教程: Java 理论和实践:我必须对那些内容进行文档编制吗?
下一教程: Java 面试中的陷阱

您可以阅读与"在查询页面中显示进度条,在数据load成功后隐去进度条"相关的教程:
· 在JSP页面中实现检索数据的分页显示
· 通过处理数据流在网页中显示图像
· 在JSP页面中轻松实现数据饼图
· 在java应用程序中显示数据库的blob图像
· 在JAVA应用程序中显示数据库的BLOB图像
    微笑服务 优质保证 索取样品