Hi,

I have a div in updatepanel1 and it acts as a popup with few asp.net controls in it. I am using style="display: none" and style="display: block" to make it appear it as popup. There is a button on div which closes it.

Now when i click the button to close the div, it triggers an update for updatepanel2 which involves quering database and it takes about 2-3 seconds. What i want is for div to disappear as soon as i close it and update the updatepanel2.  So problem is div doesn't disappear until updatepanel2 is fully updated which is really frustrating.

Ta

Try to add OnClientClick event to the Close button, and use a javascript function to close the the div:

OnClientClick=Javascript:CloseDiv()

Then in the JS function:

function CloseDiv() {
    $get('<% div1.ClientID %>').style.display = 'none'
}

Amit

Hi, it worked but as soon as div closes and updatepanel2 gets updated, same div popups again, kind of loop?

As i really need to finish this task, i have come up with a solution to work around.

What I have done is, i've added a timer and added its tick event as a trigger to updatepanel2. So before i close the div, i set a flag, and enable the timer. In timer, i check the flag, reset it, disable timer again and query the database. Atleast its working.