Cover updatepanel while updateprogress

Question

How? I have cascading dropdowns, I want them to be un-clickable while the panel is updating (or at least appear to be).

Preferably using jQuery, Hide UpdatePanel during UpdateProgress was how I was thinking it would work but I don't know how to begin the function.

$("#imgID").closest('div').hide()  ?

Edit: Even better would be if instead of hiding the dropdowns, they are just covered in semi-transparent grey while the gif does its thing over them.

Answer 1

You could use UpdateProgress and link it to your Update Panel, everytime a Ajax postback is detected the UpdateProgress is shown, with CSS you could overlay this over all or some elemets on the page and set the opacity so its slightly see through.

Answer 2

i use this it's call BlockUI it's use JQuery and very easy to use.
you can catch an Update on UpdatePanel and use it.

Have a nice programming.