Ajax - How disable screen until function is done

[Cirene]

I have an ajax enabled asp.net webform.

I coded a button that does a bunch of stuff. It could take up to 30 seconds
to process.

How can I disable everything on the screen immediately when the person
clicks the button and enable everything after the processing is completed?

Thanks!

[Cirene]

I hope this will help people in the future. This is how I did this...

I put all the controls in a panel, Panel1.

I added this javascript to the page....
<script type="text/javascript">
//add event handlers to the search UpdatePanel
Sys.WebForms.PageRequestManager.getInstance().add_ beginRequest(startRequest);
Sys.WebForms.PageRequestManager.getInstance().add_ endRequest(endRequest);

function startRequest(sender, e) {
//disable controls during the AJAX call
document.getElementById("<%=Panel1.ClientID%>").di sabled = true;
}

function endRequest(sender, e) {
//re-enable controls once the AJAX call has completed
document.getElementById("<%=Panel1.ClientID%>").di sabled =
false;
}
</script>
I hope this helps someone!

Take care!

[Fabio Mastria]

Use a modalPopup to advise the user for the working in progress

(i hope this is usefull) :)

Fabio

"Cirene" <ci****@nowhere.comha scritto nel messaggio
news:ey**************@TK2MSFTNGP02.phx.gbl...

>I have an ajax enabled asp.net webform.

I coded a button that does a bunch of stuff. It could take up to 30
seconds to process.

How can I disable everything on the screen immediately when the person
clicks the button and enable everything after the processing is completed?

Thanks!