Close fancy box from function from inside open 'fancybox'

Question

Hello everyone I want to be able to close fancyBox when it is open from the inside.

I tried the following, but to no avail:

function closeFancyBox(html){ var re = /.*Element insert complete!.*/gi; if( html.search( re ) == 0 ){ $.fancybox.close(); //alert("foo"); } } 

foo will open in a dialog box but will not close. any clues?

Answer 1

Try the following:. Parent $ fancybox.close () ;.

See the Fancybox API Documentation .

Answer 2

According to http://fancybox.net/faq

4. How to close FancyBox from another item ??

Just call $.fn.fancybox.close() on your onClick event

Therefore you should just add to fn .

Answer 3

It makes no sense to put .fn, it will refer to the prototype.
What you need to do is $ .fancybox.close ();

The fact is that you are probably experiencing another error from js.
Are there any errors on the screen?
Are your fancybox and jquery the latest releases? jquery is currently in 1.4.1 and fb in 1.3 something

The experiment puts the link inside fancybox and puts this function into it.

You probably read this, but anyway, http://fancybox.net/api

One thing that you probably need to do is isolate each part to understand what it is.

Answer 4

If you just want to close the fancy box, just close it.

 $('#inline').click(function(){ $.fancybox.close(); }); 

Answer 5

I had the same problems and got the solution using the code below. use

 parent.jQuery.fancybox.close() 

Answer 6

You can even close fancybox by running the button id and fire the click event on that id.

 <input type='button' value='Cancel' onclick='javascript:document.getElementById("fancybox-close").click();' /> 

It works for me!

Answer 7

A bit old stream, but ...

Actually, I suspect that the answer to the original question about how to close a window from inside is more related to the fact that the click event is not attached to the element. If the click event is attached in document.ready, the event will not be attached when fancybox creates a new window.

You need to reapply the click event after a new window. Probably the easiest way to do this is to use the onComplete function.

This works for me:

 $(".popup").fancybox({ 'transitionIn' : 'fade', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 400, 'overlayShow' : true, 'overlayColor' : '#000022', 'overlayOpacity' : 0.8, 'onComplete' : function(){$('.closer').click(function(){parent.$.fancybox.close();})} }); 

Actually, after a little thought, “lively” rather than “click” or “bind” may work just as well.

Answer 8

Use this to close it:

 $.fn.fancybox.close(); 

Judging by the fancybox source code, this is how they handle its internal closure.

Answer 9

After dealing with this, I found a solution that works by simply replacing $ with jQuery jQuery.fancybox.close() , and I made it an inline script in onClick. To check if I can call it from the parent

Answer 10

For those who spent hours like me, to find a solution for the built-in type: window.setTimeout (function () {$. Fancybox.close ()}, 10);

Answer 11

I ended up using:

 <script>parent.$("#fancy_close").click();</script> 

I assume that the fancybox version does not have the $ .fancybox.close () function to call: (

FYI, I just wanted the page to close fancybox, since it completed processing in PHP.

Answer 12

Add $.fancybox.close() to where you want it to be run, in a function or callback, end ajax call!

Woohoo.

Answer 13

Inside iframe use is parent. $. fancybox.close ();

Answer 14

to close fancybox using funciton, you need to setTimtout for the function that closes fancybox. Fancybox needs some time to execute the close function. If you call the function directly, it will not work

 function close_fancybox(){ $.fancybox.close(); } setTimeout(close_fancybox, 50); 

Answer 15

yes in Virtuemart there should be a CLOSe-continue button, not an element, because after clicking you can redirect .. I found this redirect error on my ajax website.

Answer 16

To close the ajax fancybox window, use this:

 onclick event -> $.fancybox.close(); return false;