jQuery Forum

      The client I'm working for has the framset like this.

    <FRAMESET id="frames" cols="672,*" framespacing="0" frameborder="no" border="0" >
      <FRAME src="leftIndex.html" name="mainFrame" frameborder="no"  scrolling="no" marginwidth="0" marginheight="0" bordercolor="#333333" id="mainFrame" title="mainFrame" >
      <FRAME src="rightIndex.html" name="rightFrame" frameborder="no" scrolling="auto" noresize="noresize" marginwidth="0" marginheight="0" id="rightFrame" title="rightFrame" >
   
</FRAMESET>

In the main frame ,I have an iframe

    < iframe id="admin" src="" style="position:absolute; top:5; left:2; width:640px; height:576px; opacity:1.0;visibility:hid

den;z-index:0;background-color:#005555">
              < /iframe>


From the right frame , I have assigned a mainstream.html to this iframe like this


    function doview(){   parent.mainFrame.setupTemplate(6);  parent.mainFrame.E("admin").src="mainstream.html";}
   
My problem is now to block the entire webpage using jquery blockui when I click a button in the mainstream.html, I have so far tried this code :


 mainstream.html

    $(document).ready(function() {
    $('#change').click(function() {
   
    window.parent.$.blockUI();   //this only blocks the mainFrame but not the entire page

       
        setTimeout(function() {
            $.unblockUI({

  onUnblock: function(){ parent.window.location.rel

oad() }
            });
        }, 30000);
    });
});


I also tried to use
`top.frames[1].$.blockUI();`  // to block rightindex.html.But this has no effect.

//* button in mainstream.html*//

    <input type="button" class="button" id="change" value="Set VideoStream" ></input>

Please help me out with how I can block the entire page from an iframe. I have tried everything.
I have included jquery v1.7.2 and jquer blockui plugin-v 2.39 in left index ,rightindex n mainstream.html pages.

Thanks in advance . Any suggestions are really appreciated.