Ajax form submit to fancybox.

[Tank]

I want to submit a form and load the returned information into the
fancybox window.

Here is how i have set it up;
i have a hidden DIV, on the page with an image inside that just says
"sending information",
when submitted, the form will call fancybox and then send/return the
data.
fancybox needs to come up and say "sending information" for a moment,
then display the returned data

I can get either the ajax to work, or fancybox, but not both.

I used an <a href="#somediv"> which displays my div, but i cannot get
the ajax to submit off using link. (and stay on the same page, even
with return false)

Trying an <input type="image"> gets the ajax to submit, but i cannot
load my div into fancybox.

is there a way to call fancybox for a given element through
javascript?

I want to call it from my form submit ajax function thingy.

it would be nice if i could do something like:
fancybox('#mydiv');

[Tank]

ok i found something that kind of works.

$("#getFancy").fancybox();

then to activate it with jQuery

$("#getFancy").click();

but doing this navigates me away from the page, even though the link
is :
<a href="#mydiv" style="display:none;" id="#getFancy">.</a>

[Tank]

The .click() method works, but it does not update the content in the
box. If you close and click it again, the content will be changed
though.
I need to figure out how to update the content once the fancybox is
activated.

[Tank]

ok I got it,
after the data in the DIV is updated with the returned data, i did a
second $("#getFancy").click(); and it works like a charm.

On Jun 15, 5:42 pm, Tank <dreadxpir...@gmail.com> wrote: