Web方式查询进度条实现

web

-----------------------------JavaScrip
<script language="javascript">
   function ShowWaitInfo()
   {
    var intFormWidth;
    var intFormHeight;
    var intDivTop;
    var intDivLeft;
   
    intFormWidth = window.screen.availWidth;
    intFormHeight = window.screen.availHeight;
   
    intDivTop = (intFormHeight - 200 - 200) / 2;
    intDivLeft = (intFormWidth - 500) /2;
   
    document.all("divWaitInfo").style.visibility="visible";
    document.all("divWaitInfo").style.left = intDivLeft;
    document.all("divWaitInfo").style.top = intDivTop;
   }
  </script>
------------------------------------------html
<DIV id="divWaitInfo" style="BORDER-RIGHT: #009999 thin solid; BORDER-TOP: #009999 thin solid; LEFT: 300px; VISIBILITY: hidden; BORDER-LEFT: #009999 thin solid; WIDTH: 278px; BORDER-BOTTOM: #009999 thin solid; POSITION: absolute; TOP: 130px; HEIGHT: 144px; BACKGROUND-COLOR: white"
       ms_positioning="FlowLayout">
       <TABLE id="tblWaitInfo" height="100%" cellSpacing="1" cellPadding="1" width="100%" border="0">
        <TR>
         <TD></TD>
         <TD></TD>
         <TD></TD>
         <TD></TD>
        </TR>
        <TR>
         <TD style="HEIGHT: 114px"></TD>
         <TD align="right" style="HEIGHT: 114px">正在查询,请稍候...</TD>
         <TD style="HEIGHT: 114px"><FONT face="宋体"><asp:image id="Image1" runat="server" ImageUrl="../../../Images/Clock.gif"></asp:image></FONT></TD>
         <TD style="HEIGHT: 114px"><FONT face="宋体"></FONT></TD>
        </TR>
        <TR>
         <TD></TD>
         <TD></TD>
         <TD><FONT face="宋体"></FONT></TD>
         <TD><FONT face="宋体"></FONT></TD>
        </TR>
       </TABLE>
      </DIV>
------------------------------------------C#
    btnQuery.Attributes["onclick"] = "ShowWaitInfo();";

时间: 2024-08-20 02:43:40

Web方式查询进度条实现的相关文章

QFaces1.2 --Ajax方式,带进度条的文件上传组件FileUpload(for JSF)

这是QFaces的第4个组件,Ajax方式带进度条的文件上传组件,我希望每一个重要组件都提升一个版本, 呵呵!这个版本同时修正了ie6下的ajax兼容问题.在介绍完这个组件之后,打算介绍一下如何利用QFaces自 定义自己的Ajax组件,希望这个增强框架能对喜欢JSF的人有一些帮助.后面版本的升级可能就不会这么快, 或者考虑兼容一下facelets,并修正一些可能出现的错误,还有开源计划,然后继续维护并增加一些比较常 用与实用的组件,关注一下JSF2.0的发展等等. 好了,下面介绍一下QFace

再议j2me进度条与线程化模型

作者:FavoYang Email:favoyang@yahoo.com 欢迎交流Keywords:线程化模型 j2me UI设计 内容提要:本文是<j2me进度条与线程化模型>一文的续(以后简称原文,没看过的建议看一下).讨论了原文中使用的线程模型的不足,并针对她的缺点提出了新的改进办法并给出了改进后的实现.因原文中UI部分有灵活的扩展性,未作更改. 版权声明:本文同时发表在www.j2medev.com和我的Blog(blog.csdn.net/alikeboy)上,如果需要转载,有三个途

Ajax基础教程(4)- 实现基本Ajax技术 4.5 显示进度条

无一例外地,几乎每个应用都会时不时地调用一个长时间运行的事务.如果你关心系统的可用性,就要确保用户能很容易地看到系统的状态.如果是一个胖客户应用,对于长时间运行事务的问题,解决办法很简单:只需显示一个进度条,以便用户知道目前所处状况.不过,在Ajax之前,要在Web应用中做到这一点很不容易.本节将使你了解如何使用Ajax为Web应用建立进度条. 在代码清单4-9所示的例子中,再次在pollCallback()方法中使用了setTimeout(),从而每隔2秒调用一次服务器.在processRes

ASP.NET2.0:Ilungasoft.Framework.Web之基于Callback的无刷新上传进度条控件[带源码]

asp.net|web|控件|上传|刷新|无刷新 共享一个基于Callback的无刷新上传进度条控件的源码.本控件使用的HttpMoudule基于宝玉的一个上传进度条的sample,这里封装为一个控件,方便使用.无需任何代码,只需设置web.config,添加HttpModule的引用,再将控件拖到页面就行.页面中的文件保存操作和传统的asp.net文件上传完全一样.可以设置属性上传过程中出错或上传成功时跳转到其它页面.兼容IE,Firefox,Opera.其它环境没测试,不过因为是基于Asp.

ASP.NET技巧:教你制做Web实时进度条

asp.net|web|技巧 网上已经有很多Web进度条的例子,但是很多都是估算时间,不能正真反应任务的真实进度.我自己结合多线程和ShowModalDialog制做了一个实时进度条,原理很简单:使用线程开始长时间的任务,定义一个Session,当任务进行到不同的阶段改变Session的值,线程开始的同时使用ShowModalDialog打开一个进度条窗口,不断刷新这个窗口获取Session值,反应出实时的进度.下面就来看看具体的代码:(文章结尾处下载源代码) 先新建一个Default.aspx

WEB应用程序中的进度条

web|程序 WEB应用程序中的进度条 Julien Cheyssial 写作于2003/10/01 Joise.LI翻译并修改于2004-4-2 写在前面: 原文是我在需要使用进度条时找到的一篇文章,讲解详细并附有实例.我在原文的基础上加上了自己的修改:增加了线程处理并且将进度条的使用放到了子线程中处理.这是我第一次翻译文章,敬请各位指正.原文见于http://www.myblogroll.com/Articles/progressbar/,请对照参考. 谁说在WEB应用程序中不能使用进度条?

自定义圆形进度条ProgressBar的三种方式

http://liuzhichao.com/p/636.html 进度条默认是不确定(indeterminate=true)Android进度条 Android进度条有4种风格可以使用. 默认值是progressBarStyle. 设置成progressBarStyleSmall后,图标变小. 设置成progressBarStyleLarge后,图标变大 设置成progressBarStyleHorizontal后,变成横向长方形. 自定义圆形进度条ProgressBar的一般有三种方式: 一.

《响应式Web设计:HTML5和CSS3实践指南》——1.8节基于CSS3按钮的进度条

1.8 基于CSS3按钮的进度条 和其他网站一样,你的网站也需要去迎合那些急性子的用户.如果你的网站有一个可提交的表单,访客可能会不耐烦地多次单击"提交"按钮,因为你的页面加载新内容不够快.这可能会导致一个问题,就是表单多次提交同样的数据. 1.8.1 准备工作 为了防止这种行为,可以添加一些简单的视觉提示,告诉用户后台正在处理,请保持耐心.如果效果比较华丽,甚至可以给他们匆忙的生活增添点阳光.这个方法不需要任何图像,只需要使用CSS创建一个漂亮的渐变式提交按钮.本节内容很长,你可以先

自己动手制作基于jQuery的Web页面加载进度条插件_jquery

静态效果的实现 网页顶部加载进度条,近年来很流行,很多网站都采用了这种加载方式.网上也有这样类似的插件,今天我们总结一下网页顶部线性页面加载进度条. 大体的写法如下: body{ margin:0; } #progress { position:fixed; height: 2px; background:#2085c5; transition:opacity 500ms linear } #progress.done { opacity:0 } #progress span { positio