Friday, August 20, 2010

Partial PostBack animations handeled at Clientside

var postbackElement;
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(PageLoading);
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);

function beginRequest(sender, args) {
postbackElement = args.get_postBackElement();
}

function PageLoading(sender, args)
{
var ShowDiv = document.getElementById("dv" + divID);
if(ShowDiv != null)
{
$(ShowDiv).fadeOut();
}
}
function pageLoaded(sender, args) {

var ShowDiv = document.getElementById("dv" + divID);
if (typeof(postbackElement) === "undefined") {
return;
}
else if (postbackElement.id.toLowerCase().indexOf('cancel') > -1) {
$(ShowDiv).fadeIn();
}

}