要显示自定义在页面中心等待控制 [英] Want to show Custom wait control at center of page

问题描述

我从计算器的伎俩通过操纵与jQuery的DOM隐藏加载消息。添加下面的脚本与的ReportViewer的页面没有的伎俩：

I got the trick from stackoverflow to hide the loading message by manipulating the DOM with jQuery. Adding the following script to the page with the reportviewer did the trick:

<script type="text/javascript">
$(function () {
    var waitMsg = $("div[id$='AsyncWait_Wait']");
    waitMsg.wrap("<div style='display:none; visibility: hidden'></div>");
});

而我想在页面的中心展示我自己的消息和图像。只是指导我如何在我的网页渲染报告之前显示我的消息。这方法我需要挂钩。 onwindowload类似。

rather i want to show my own message and image at center of page. just guide me how to show my message before rendering report in my page. which method i need to hook. onwindowload something like.

推荐答案

您可以做到这一点通过使用CSS

You can do that by using css

<style type="text/css" media="screen">
/* commented backslash hack for ie5mac \*/ 
html, body{height:100%;} 
/* end hack */
.CenterPB{
position: absolute;
left: 50%;
top: 50%;
margin-top: -30px; /* make this half your image/element height */
margin-left: -30px; /* make this half your image/element width */
}
</style>

和你有div的进度条

$(function () {
    var waitMsg = $("div[id$='AsyncWait_Wait']");
    waitMsg.wrap("<div class='CenterPB' 
      style='display:none;height:60px;width:60px;'>Message here</div>");
});

参考：结果
http://www.sitepoint.com/forums/1243542-post9.html 结果
HTTP：//www.search-this。 COM / 2008/05/15 /易于垂直定心与 - CSS /

制作更新进度面板中的中心

这篇关于要显示自定义在页面中心等待控制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！