Opening a second fancybox Within another fancybox!

javascript jquery fancybox
Anders picture Anders · May 4, 2011 · Viewed 19.7k times · Source

Hey! I'm having trouble with my fancyboxes!

I am launching a form within a fancybox. Normally, its opened by fancybox in a iframe mode (since it's being launched as a widget from other domains). Within this iframe, i am opening a second fancybox to display validation errors. All this - works good.

But, if a user visists the url to the form - i need the form to be displayed within a fancybox thats calling the form with type:inline. This is where the second fancybox fails, instead of popping out, over the parent fancybox, it replaces it - and my form disappears.

So... how do i launch multiple instances of fancybox?

Answer

Rafael picture Rafael · May 4, 2011

The bad news is, fancybox is a single-instance script. On page load it creates all overlay DIVs. All links and other elements bound with fancybox will just re-use these overlays. Making fancybox handle multiple instances would require a more or less bigger overwrite of the script.

Related questions

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
Open fancybox from function

I am trying to open a fancybox from a function I have - in short my HTML code looks like this; <a href="#modalMine" onclick="myfunction(this); return false;"> click </a> and a part of my …

Read More
Show a div with Fancybox

On the click of a button, I'm trying to show a simple hidden div in a fancy box. This is the code that works: $("#btnForm").fancybox({ content: $("#divForm").html() }); But from what I've read, this doesn't seem to be the …

Read More