FancyBox close from within iframe and take parent page to the link

jquery fancybox href location-href
Mr Jonny Wood picture Mr Jonny Wood · Sep 7, 2010 · Viewed 47.2k times · Source

I found applying the following function to a links onclose works to close Fancybox from within an iFrame: parent.$.fancybox.close();

I want to take this further and have the link take the parent page to a new url. I've tried the following but it doesn't work:

<a onclick="location.href='http://www.domain.com/page/';parent.$.fancybox.close();"> Close and go to page</a>

using a href doesn't work either as the onclose takes precedence.

Answer

Mr Jonny Wood picture Mr Jonny Wood · Sep 7, 2010

Very simple solution... can't believe I didn't think of this!!!

<a href="http://www.domain.com/page/" target="_parent"> Close and go to page</a>

Sometime, I swear I try to make things more difficult than they actually are!

Related questions

Use Data Uri as the href of an a tag

I am creating a single file HTML5 application that has all image resources embedded as a Data Uri. This application contains an image gallery (fancy box) that uses <a> tags as the source of the image to show …

Read More
How to launch jQuery Fancybox on page load?

I would like to launch a Fancybox (e.g. Fancybox's version of a modal or light box) on page load. I could bind it to a hidden anchor tag and fire the click event of that anchor tag via JavaScript, …

Read More
close fancy box from function from within open 'fancybox'

Hi all i want to be able to close fancyBox when it is open from within. I have tried the following but to no avail: function closeFancyBox(html){ var re = /.*Element insert complete!.*/gi; if( html.search( re ) == 0 ){ $.fancybox.close(); //…

Read More