在网上没有搜索到现成的,就自己研究了一个,原来xajax的版本更新掉之后,请求有所不同了,难怪怎么搞都搞不定,在IE7和FF下测试通过。
现在搞好了,分享一下,希望你是个有缘人。
<div id="loadingMsg" style="position: absolute;width:100%; height:100%; background-color:#cccccc;moz-opacity:0.7;opacity:0.7;filter: Alpha(Opacity=30); visibility: hidden;z-index:100;">
<div id="content" style="padding:20px 10px 20px 10px; border:1px solid #000000; background-color:#FFFFFF; position: absolute;">请稍后,载入中...</div>
</div>
<script type="text/javascript">
<!--
function showLoading(){
$('loadingMsg').style.visibility = 'visible';
$('content').style.marginTop = (document.documentElement.clientHeight - $('content').offsetHeight)/2+'px';
$('content').style.marginLeft = (document.documentElement.clientWidth - $('content').offsetWidth)/2+'px';
}
function hideLoading(){
$('loadingMsg').style.visibility = 'hidden';
$('content').style.marginTop = '0px';
$('content').style.marginLeft = '0px';
}
function $(id){
return document.getElementById(id);
}
//下面两句务必要在xajax内容更新函数运行之前运行
xajax.callback.global.onRequest = showLoading;
xajax.callback.global.onComplete = hideLoading;
//-->
</script>