最新xajax载入中(onloading)提示框

在网上没有搜索到现成的，就自己研究了一个，原来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>