`
hjoo
  • 浏览: 74699 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

进度条的困扰

    博客分类：
  • Birt
AjaxJSPServletMicrosoftHTML 
阅读更多
由于用servlet实现了Birt的viewer,想在调用servlet的时候显示查询的百分比进度条，但水平有限而且要结合AJAX（没用过）才能实现，于是放弃，想改用显示系统正在查询中这样的文本提示，等查询完了显示结果！

本来想用如下代码实现：
PrintWriter pw = resp.getWriter();
pw.println("系统查询中...");
pw.flush();


但由于使用了IRunAndRenderTask的run方法运行报表，2者之间有问题，想查看run的源代码却一时找不到，所以只能采用比较土的方法实现了！

progessBar.jsp： 

<%@page contentType="text/html;charset=GBK"%>
<html>
	<title>查询进度提示</title>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GBK">
		<STYLE type=text/css>
			#loader_container {
		        LEFT: -2px; WIDTH: 100%; 
		        POSITION: absolute; 
		        TOP: 172px; 
		        TEXT-ALIGN: center;
		        filter:progid:DXImageTransform.Microsoft.dropShadow(OffX=2,OffY=2,Color='#999999',Positive='1');   
			}
			#loader {
		        BORDER-RIGHT: #5a667b 1px solid; 
		        PADDING-RIGHT: 0px; 
		        BORDER-TOP: #5a667b 1px solid; 
		        DISPLAY: block; 
		        PADDING-LEFT: 0px; 
		        FONT-SIZE: 11px; 
		        Z-INDEX: 2; 
		        PADDING-BOTTOM: 16px; M
		        ARGIN: 0px auto; 
		        BORDER-LEFT: #5a667b 1px solid; 
		        WIDTH: 130px; 
		        COLOR: #000000; 
		        PADDING-TOP: 10px; 
		        BORDER-BOTTOM: #5a667b 1px solid; 
		        FONT-FAMILY: Tahoma, Helvetica, sans; 
		        BACKGROUND-COLOR: #ffffff; 
		        TEXT-ALIGN: left
	        }
			#loader_bg {
		        FONT-SIZE: 1px; 
		        LEFT: 8px; 
		        WIDTH: 113px; 
		        POSITION: relative; 
		        TOP: 8px; 
		        HEIGHT: 7px; 
		        BACKGROUND-COLOR: #e4e7eb
			}
			#progress {
		        FONT-SIZE: 1px; 
		        LEFT: 0px; 
		        WIDTH: 1px; 
		        POSITION: relative; 
		        TOP: 1px; 
		        HEIGHT: 5px; 
		        BACKGROUND-COLOR: black
			}
	</STYLE>
	<SCRIPT language=JavaScript>
		var t_id = setInterval(animate,20);
		var pos=0;
		var dir=2;
		var len=0;
		function animate(){
			var elem = document.getElementById('progress');
			if(elem != null) {
				if (pos==0) len += dir;
				if (len>32 || pos>79) pos += dir;
				if (pos>79) len -= dir;
				if (pos>79 && len==0) pos=0;
				elem.style.left = pos;
				elem.style.width = len;
			}
		}
	</SCRIPT>
	</head>
	<BODY leftMargin=0 topMargin=0 rightMargin=0>
		<DIV id=loader_container>
			<DIV id=loader>
				<DIV align=center>
					系统查询中请稍后 ...
				</DIV>
				<DIV id=loader_bg>
					<DIV id=progress></DIV>
				</DIV>
			</DIV>
		</DIV>
	</body>
</html>


然后在查询的页面中: 
<div id="progessBar" style="visibility: hidden"><%@include file="/common/progessBar.jsp"%></div>


点击查询按钮： 
<input type="button" id="query" name="query" value=" 查 询 " class="btn-2word" onclick="toQuery();">


toQuery()方法如下： 
			function toQuery(){
			  if(document.forms[0].bm.value == ""){
			  	alert("请选择派出所");
			  	return false;
			  } 
			  document.getElementById('progessBar').style.visibility='visible';
			  window.document.getElementById("query").disabled = true;
			  document.forms[0].action="<%= request.getContextPath() + "/ZzrkServlet" %>";
			  document.forms[0].submit();
			}

由于赶时间，只能这样实现用用了！
分享到：
| Birt的Servlet扩展
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    winform竖向进度条

    确保进度条的更新速度适中，既不过快让用户感到困扰，也不过慢导致用户等待。根据任务的性质，可以设置合适的更新间隔。 总的来说，实现WinForm竖向进度条需要一定的编程技巧，包括自定义控件的绘制、事件处理以及...

    安卓进度条loadingprogress相关-用canvas自定义弧形进度条以及可滑动的带状态值条形进度条并实现进度动画.rar

    - 用户体验：进度条的样式和交互应符合用户习惯，进度动画流畅且不易引起用户困扰。 这个压缩包中的代码可能是示例代码或半成品，可能需要开发者根据实际需求进行调整和优化。对于初学者来说，这是一个很好的学习...

    ajax实现加载进度条

    在网页开发中，用户体验是至关重要的，特别是在进行Ajax异步数据请求时，用户可能会因为等待时间过长而感到困扰。"Ajax实现加载进度条"这一技术就是为了改善这种体验，通过实时展示加载进度，让用户了解后台处理的...

    gif 进度条大全

    此外，动画速度也很关键，过快可能让用户感到困扰，过慢则可能显得系统反应迟钝。 2. **样式多样性**："各式各样的"标签表明这个资源包含了多种样式和设计的进度条。可能包括线性、圆形、饼图等形式，以及不同颜色...

    易语言求真进度条下载模块2源码,易语言求真进度条下载模块2.0源

    2. **断点续传**：如果下载过程中因网络问题中断，模块能记住已下载的部分，下次可以从断点处继续下载，避免了重复下载的困扰。 3. **下载速度控制**：模块可能提供了对下载速度的管理，允许用户根据网络状况调整...

    C#做的FTP下载还带进度条

    在IT行业中，C#是一种广泛使用的编程语言，尤其在开发Windows桌面应用、Web应用以及游戏...这种技术在开发文件下载功能的应用中非常实用，可以提高用户体验，让用户了解下载状态，避免因等待未知的下载时间而感到困扰。

    Unity3D教程：进度条跟着游戏对象移动2

    而转换后的屏幕坐标，其原点位于左下角，这对我们的进度条定位造成了困扰。为了使进度条的Y轴方向与屏幕一致，我们需要进行坐标调整。在代码的第四行，我们使用`Screen.height - 物体屏幕坐标的y`来计算进度条的Y轴...

    含有数字的进度条

    对于动态更新的进度，平滑的过渡动画可以增加用户的沉浸感，避免突然的跳变造成困扰。 总的来说，"含有数字的进度条"是用户界面设计中一个实用而关键的元素，它通过结合视觉和数值信息，有效地提高了用户对任务进度...

    C# 画面带进度条的等待提示框（bbBackgroundWorker）

    在C#编程中，创建一个带有进度条的等待提示框是...这种设计对于提升用户体验非常有帮助，避免了长时间无响应导致的用户困扰。在实际开发中，可能还需要考虑错误处理、取消任务等高级特性，以增强软件的稳定性和灵活性。

    win7开机画面变进度条的修复方法

    在Windows 7操作系统中，一个常见的问题困扰着不少用户，那就是原本应该展示的Win7开机动画被替换成了一个类似于Vista的滚动进度条。尽管这一现象对系统的实际运行并无影响，但对于那些追求视觉体验一致性和完整性的...

    百度多文件上传插件完美Demo-支持分片上传、续点上传、多文件进度条单独显示。

    这在因网络问题或其他因素导致上传中断时非常有用，避免了用户必须从头开始上传的困扰。 【多文件进度条单独显示】意味着用户可以同时上传多个文件，并且每个文件的上传进度都可以清晰地看到。这种可视化设计极大地...

    ASP带进度条上传文件

    但是，这样的体验并不理想，特别是在上传大文件时，用户可能会因为等待时间过长而感到困扰。因此，引入进度条可以显著提高用户的满意度，让他们知道文件上传的进度，减少焦虑感。 实现ASP文件上传带进度条的方法...

    Ajax上传带“进度条”案例

    本案例聚焦于一个关键特性：Ajax上传文件时显示进度条，这是一种让用户感知到上传进度的有效方式，避免了用户因等待未知时间的上传过程而感到困扰。 首先，我们要理解Ajax上传的基本流程。当用户选择文件后，...

    解决打开word文档出现进度条的问题

    这个问题不仅影响了工作效率，还可能让用户感到困扰。本文将详细介绍这一问题的原因以及提供有效的解决方案。 #### 一、问题原因分析 在Word 2007中出现配置进度条的情况，主要是由于Word 2007在启动时需要对某些...

    MyFile无刷新大文件上传进度条

    这意味着用户在上传大文件时，可以直观地看到文件上传的进度，而不会因为等待页面刷新而感到困扰，提高了用户体验。 【描述分析】 描述中提到的"又完整的源码"表明这个控件是开源的，开发者可以获取到全部的源代码...

    linux_cp.zip_cp linux带进度_cp 进度条_linux CP堵塞_linux cp_upwardnwf

    然而，标准的`cp`命令在执行复制操作时并不会显示进度条，这对于处理大文件或大量文件的复制任务来说，可能会让用户感觉缺乏反馈，尤其是在网络传输或慢速存储设备上，这种盲目的等待可能会让人感到困扰。...

    PHP利用APC模块实现文件上传进度条的方法

    从5.2开始APC加入了一个叫APC_UPLOAD_PROGRESS的东东，解决了困扰大家已久的进度条问题。并且它把原来的上传时把临时文件全部缓存到内存改成了当临时文件达到设定值时就自动保存到硬盘，有效地改善了内存利用状况。 ...

    教您去掉ie网页加载进度条的方法

    在网页开发中，用户体验是至关重要的，而IE浏览器在加载frameset或iframe中的页面时，如果页面加载完成后状态栏仍然显示加载状态，这无疑会给用户带来困扰，影响整体的浏览体验。本文将介绍一种有效去除IE浏览器加载...

    Android进度条助手类

    2. 明确的开始和结束：在任务开始时显示进度条，任务完成后及时隐藏，避免给用户带来困扰。 3. 错误处理：如果任务失败或出现异常，应适当地通知用户，并考虑是否保留或清除进度条。 总的来说，`ProgressMenuItem`...

    windows xp系统关机时出现英文提示进度条的原因及解决方法.docx

    尽管这个提示可能会让人感到困扰，但通常情况下，它并不会阻止系统的正常关闭。 要解决这个问题，可以采取以下几种方法： 1. **提前关闭应用程序**：在执行关机操作之前，确保已经关闭了所有打开的程序。这包括...

Magicbox
Global site tag (gtag.js) - Google Analytics