模仿Gmail右上角的Loading

用过Gmail的朋友都知道，Gmail右上角有个红色区域是显示Loading的，无论对Gmail进行怎么样的操作，Gmail总是在右上角出现Loading。

它的特点是：

1. Loading只会出现在固定的一个地方。
2. 永远在浏览器的右上角。

实现它：

Loading

为了实现Loading的效果，在ASP.NET中第一个想到的是Update Progress，在Masterpage中放入一个Update Progress，然后在其他Page_Load中代码设置UpdateProgress.

这样做的缺点是每个页面都要有这么一段代码，或者用一个Page类来实现，其他的Page继承之。但，只能和UpdatePanel配合使用，而且，在页面加载的时候是没有Loading的。

这里用到了一个很好的解决方法，可以轻松的构造UpdateProgress：

使用以下的代码，可以捕捉request的开始和结束，这样没有页面从一开始就能有Loading了。再和UpdatePanel配合，一旦有Request，就能出现Loading。

< script type = " text/javascript "  language = " javascript " >
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler) 

function  BeginRequestHandler(sender, args) 
{
ActivateAlertDiv( ' visible ' ,  ' myUpdatePanel ' );
} 

function  EndRequestHandler(sender, args)
{
ActivateAlertDiv( ' hidden ' ,  ' myUpdatePanel ' );
} 

function  ActivateAlertDiv(visstring, elem)
{
var  adiv  =  $get(elem);
adiv.style.visibility  =  visstring; 
}
</ script >