In case anyone stumbles onto this discussion looking for specifics,
the following is what i ended up doing:
***
$('#processing-EventListing')
{
$().ajaxStart(function()
{
$.blockUI(
{
message: $('img#ProcessingBar'),
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: '.5'
}
})
})
.ajaxStop(
$.unblockUI
)
}
***
I put this in an external function and called the function within my
document.ready. There is also a <div> included here (shown below).
***
<div id="processing-EventListing"><img id="ProcessingBar" src="/
demo_images/processing_bar.gif" style="display:none" /></div>
</div>
***
This is, of course, in addition to installing the blockUI plugin
stated above by Mike.
Together, this will be called during anything/everything that has a
load time. Should you not want that. Don't put the function in the
document.ready. Instead, simply call the function when you have use of
it.
Thanks for the guys for pointing me in the right direction. I hope
anyone stumbling into this discussion finds what I've written useful
