[jQuery] Trying to use blockUI from within an iframe to block the parent iframe

Tue, 18 Aug 2009 17:49:30 -0700 

I am loading a collection of frames as follows (from jsp source, so
ignore <%= %> blocks):

<html>
    <frameset name="MNGM_OUTER" rows="50,*,20" framespacing=0
frameborder=0 border=0>
        <frame name="MNGM_TOP" src="control/top.jsp" scrolling=no
noresize scrolling=no/>
        <frameset id="MNGM_INNER" name="MNGM_INNER" cols="170,*"
framespacing=0 frameborder=0 border=0>
            <frame name="MNGM_NAVIGATION" src="<%=navpage%>"
scrolling=no noresize/>
            <frame name="MNGM_WORKINGAREA" src="<%=workpage%>"
noresize/>
        </frameset>
        <frame name="MNGM_FOOT" src="control/footer.jsp" scrolling=no
noresize scrolling=no/>
    </frameset>
</html>

I have jquery and blockUI loading from the frame MNGM_WORKINGAREA. I
would like to use blockUI to block the entire page from the frame
MNGM_INNER down.  I have constructed my call to blockUI as follows:

function foo() {
    $(document).ready(function() {
        $.blockUI({
            css: {
                backgroundColor: 'F00',
                color: '#000'
            },
            applyPlatformOpacityRules: false,
            message: "<img src='../../images/busy.gif' /> Please
wait ...",
            opacity: '0.5'
        });
    });

This will successfully block the current document which is
MNGM_WORKINGAREA.  How can I call this function correctly such that it
will block the parent of this document?

Reply via email to