asp.netjavascriptupdatepanelupdateprogress

Hide UpdatePanel during UpdateProgress


I'm looking for the easiest possible way to hide an UpdatePanel while waiting for the submit response to come back. Stuff like described here - using Ajax Control Toolkit and the UpdatePanelAnimationExtender is both overkill and causing some issues, namely:

A simple javascript solution would be ideal. The problem here is ASP.NET likes to generate weird IDs for the controls at runtime. Any solutions for that?

Thanks in advance.


Solution

  • I would suggest using jQuery. It will make things easier for you. So to get around the "weird ID" issue you could do some jQuery like this:

    $('#<%= someASPControl.ClientID %>').hide();
    

    and to show:

    $('#<%= someASPControl.ClientID %>').show();
    

    This is using jQuery to grab a element by id and then you can do what you want with it. The trick is the ".ClientID" that will grab the id that .net sends out.