进度条图片控制有关问题？
日期：2014-05-18 浏览次数：20749 次
进度条图片控制问题？？？
先说明一下:
在一个项目中因为登陆时需要查询的数据过多，所以在数据完全查出来之前页面还是空白的。所以我找了一个进度条的图片。
想在页面加载完成之前显示进度条提示用户,比如"数据正在加载中..."等数据加载完毕后，不让其显示了。
请教这个怎么实现。
------解决方案--------------------
ajax,很容易
<script type="text/javascript" src="js/prototype-1.6.0.2.js"></script>
<script type="text/javascript" language="javascript">
function loading() {
var url="http://localhost:8080/Query.action";
var par="queryString="+$('query').value;
var myAjax = new Ajax.Request(
url,
{
method: 'post',
parameters:par,
onFailure : reportError,
onLoading:showOnCreate,
onComplete: showResponse
}
);
}
function showOnCreate(response) {
$('divResult').innerHTML = "loading...";
}
function showResponse(response) {
$('divResult').innerHTML = response.responseText;
}
function reportError(response) {
$('divResult').innerHTML = "Error";
}
</script>
------解决方案--------------------
参照这个：
其实 他就是一个Div，在load dom的时候首先把它加载，也就显示出来了。然后我们就看到了。等dom加载完毕以后我们再把它隐藏。用到这个window.onload事件。
先说明一下:
在一个项目中因为登陆时需要查询的数据过多，所以在数据完全查出来之前页面还是空白的。所以我找了一个进度条的图片。
想在页面加载完成之前显示进度条提示用户,比如"数据正在加载中..."等数据加载完毕后，不让其显示了。
请教这个怎么实现。
------解决方案--------------------
ajax,很容易
<script type="text/javascript" src="js/prototype-1.6.0.2.js"></script>
<script type="text/javascript" language="javascript">
function loading() {
var url="http://localhost:8080/Query.action";
var par="queryString="+$('query').value;
var myAjax = new Ajax.Request(
url,
{
method: 'post',
parameters:par,
onFailure : reportError,
onLoading:showOnCreate,
onComplete: showResponse
}
);
}
function showOnCreate(response) {
$('divResult').innerHTML = "loading...";
}
function showResponse(response) {
$('divResult').innerHTML = response.responseText;
}
function reportError(response) {
$('divResult').innerHTML = "Error";
}
</script>
------解决方案--------------------
参照这个：
其实 他就是一个Div，在load dom的时候首先把它加载，也就显示出来了。然后我们就看到了。等dom加载完毕以后我们再把它隐藏。用到这个window.onload事件。
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript">
function hideProcessBar(){
document.getElementById('processBar').style.display = 'none';
}
window.onload = hideProcessBar; //注册事件。当页面全部load完了以后隐藏 processBar
</script>
</head>
<body>
<!-- gif进度条加文字-->
<div id="processBar"><img src="images/processBar.gif"/>数据正在加载中...</div>
<!--加载其他javascript-->
<!--加载数据-->
</body>
</html>
------解决方案--------------------
http://topic.csdn.net/u/20080617/10/d3f7adae-9b9a-4e67-9a3e-2f718317b193.html
楼主看看这个
------解决方案--------------------
此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主截止到2008-06-18 10:09:26的汇总数据：
发帖数:4
结贴数:3
结贴率:75.00%
楼主加油
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
