help required for making background blur/opaque/non clickable

[Yogesh Jamkhindikar]

Hi, Would appreciate is someone can help me out in this....Really bugged by this!! am using a div which appears with an "Please Wait..." image on a button click, now when that div appears i want to make the background opaque/non clickable as it contains menu items,...which i do not want the user to click while i do a processing logic. am using VS2008 & want to do it with javascript... a small code snippet that i use for testing... -

<tr>
<td>
<div id="divMain" runat="server" class="content">
<asp:UpdateProgress AssociatedUpdatePanelID="updpnlTest" ID="updateProgress" runat="server">
<ProgressTemplate>
<div id="divProgressBackgroundFilter" runat="server">
</div>
<div id="divProcessMessage" runat="server">
Processing your request...Please wait.....<br />
<br />
<img alt="Loading..." height="40px" width="40px" src="loading.gif" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
</td>
</tr>

    <tr>
        <td align="center">
            <asp:UpdatePanel ID="updpnlTest" runat="server">
                <ContentTemplate>
                     <asp:Button ID="btnDisableBackground" runat="server" Text="DisableBackground" 
                         onclick="btnDisableBackground\_Click" />
                 </ContentTemplate>
            </asp:UpdatePanel>   
        </td>
    </tr>

Thx in advance... Regards, Yogesh

[Yusuf]

Since you are using AjaxControlToolkit, why don't you use Modal Popup[^]

Yusuf Oh didn't you notice, analogous to square roots, they recently introduced rectangular, circular, and diamond roots to determine the size of the corresponding shapes when given the area. Luc Pattyn[^]

[Yogesh Jamkhindikar]

hi yusuf, Thx for the reply but my requirement is using a div & not a modal popup...Also i forgot to mention i'm using IE6.0 & want to do it with javascript only... Regards, Yogesh

[Yusuf]

yogesh_jam wrote:

but my requirement is using a div & not a modal popup

modal popup gets rendered as div. If you need to go hard core then here[^]

Yusuf Oh didn't you notice, analogous to square roots, they recently introduced rectangular, circular, and diamond roots to determine the size of the corresponding shapes when given the area. Luc Pattyn[^]

[Yogesh Jamkhindikar]

Hi Yusuf, u r post was of good help... referring to this code on url - http://www.stephendaly.org/blog/post/2008/03/Creating-a-popup-div-that-disables-the-background-of-the-screen.aspx Here Stephen has mentioned about args in function getPosition(args), but this value is never passed in the code block?? Can u plz tell me what this arg means?? becoz it gives an undefined in the alert & the code block does not work becoz of this. Regards, Yogesh

[Yogesh Jamkhindikar]

Hi, i have a timer image that makes background opaque/ non clikable. Now i have a close image in a div that has z index higher than the background page to stop the processing. My problem is that even the image is disabled & the click event is not fired... how can i achieve the same?? Code block:-

<div id="updateProgressDiv" class="updateProgress" style="display:none">
<div align="center" style="position:relative">
<img alt="Processing...." src="loading.gif" style="position:relative;width:40;height:40;margin-top:53px;z-index:10001"/>
<span class="updateProgressMessage">Processing your request...<br />Please wait.....</span><br />
<div id="div2" align="right" style="position:relative;z-index:10001">
<asp:Image ID="img2" runat="server" ImageUrl="~/close.gif"/>
</div>
</div>
</div>

Appreciate help in this regard:confused:... Thx in advance.. Regards, Yogesh