Running jQuery command from modal window to affect main page

Question

Hi all,

I'm currently trying to write a jQuery script which opens a modal box then (upon user entry) changes a value on the original page.

Currently I've got the script working on just the page itself (without the modal), but when I try to run the command from the modal the value on the main page doesn't change?

Does anyone know how I can solve this?

Thanks,

Tom

Answer 1

Make a function in the page itself (not the modal sub-page), then call opener.myMethod() in the modal sub-page.

Answer 2

If the modal dialog is using an iframe, then from within the iframe you can do either of the following (depending on whether you have nested iframes or whatnot).

window.parent.myMethod();  
top.myMethod();

And to access elements on the main page you could do this (assuming you have jquery included on the main page as well):

top.$('#myDiv').html('hello world');

Hope this helps.