need to greyout parent body while calling modalpopup extender from iframe container
<p>I am working on a task in jQuery. My task is as below:</p>

<p>I have an iframe in my parent window. Its size increases dynamically as per the child window content, which is called in an iframe. There is a modalopopup extender in the child window. When this is called the parent window body should be completely greyed out.</p>

<p>This works successfully until it calls the child page in the iframe and increases its height dynamically.</p>

<p>I got stuck on how to gray out the parent window body while progressbar is running.</p>

<p>My code is here :</p>

<p>Page where iframe is placed. I am the calling child page with src in it.</p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script type="text/javascript"&gt;


        function Resi() {

            $('#iframeContainer').height($('#iframeContainer').contents().height());
            $('#iframeContainer').width($('#iframeContainer').contents().width());

            var modal = $('#iframeContainer').find('GTCJModal');
            var parentheight = $(window.parent.document.body).height();
            var parentbody = $(window.parent.document.body);
            console.log("hello world" + parentbody);
            alert(parentbody);

        }




&lt;/script&gt;
&lt;/head&gt;
&lt;script src="Scripts/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;body  &gt;
    &lt;form id="form1" runat="server"&gt;
    &lt;div&gt;
           &lt;table style="width: 100%; height: 384px;"&gt;
            &lt;tr&gt;
                &lt;td class="style1"&gt;
                    &lt;iframe id="iframeContainer" scrolling='no' frameborder='2' style="width: 100%;height:350px";  border: 2;"
                        src="http://test.com/SQCService/Default.aspx?sessionId=206475" name="I1" onload="Resi();" /&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td style="height: 30%"&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
    &lt;/div&gt;
    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
