Question

I’m trying to programmatically close a Facebox modal with JavaScript code that’s called
within the iframe. That doesn’t seem to work well with the JavaScript DOM.

https://github.com/defunkt/facebox

More generally, how would I close a generic modal that embeds an iframe with the code to close it inside the iframe. (sorry for the tounge(or eye) twisting)

Here’s my example:

I have a facebox with something like this:

jQuery.facebox("stuff goes here <iframe src="example.php"...."  more stuff"); //opens the modal(works great)

Then INSIDE the iframe, I want to call jQuery(document).trigger('close.facebox');. It only seems to work if I call it on the parent page or on the modal page, but not in the actual iframe. Is there a way I can make it close by calling it within an iframe example.php?

Edit: I was asking how I can access the parent frame from inside an iframe with jQuery to oversimplify the question.

Answer 1

You can’t modify an element that “belongs” to the parent page from within that popup page. As far as I know you will have to issue your hide code from the parent. You could always have your code inside the dialog do something like this:

parent.$("#dialog").hide();

I think that’s what you’re asking…