ajax not working with hidden div method v1.5

Okay I have gotten my form to finally popup in a modal window with fancybox but will not refresh page in modal window. Here's what I got :

fancybox function written within jquery.fancybox-v1.3.4.js at very bottom

$(document).ready(function() {

		$("a#cnt").fancybox({
			'transitionIn'	:	'elastic',
			'transitionOut'	:	'elastic',
			'speedIn'		:	600,
			'speedOut'		:	200,
			'overlayShow'	:	false
		});

	});

Next, I put a hidden div within footer.php of wordpress template directory

<div id="contact-form" style="display:none"> <?php gravity_form(1, true, true); ?> </div>

Then I created a post and made a test link to hidden div

<a href="#gform_wrapper_1" id="cnt">contact</a>

note that I used #gform_wrapper_1 because this is what is returned to the browser.

Okay so where did I got wrong ?

Michael Sablatura

Ignore my request in the other thread for a link to your form and please post that here. :)

You know, I think it has something to do with my onClosed function in contact-form.js

jQuery(document).ready(function() {

	jQuery("a#cnt").fancybox({
		'autoDimensions' : true,
		'overlayOpacity' : '0.9',
		'overlayColor' : '#000',
		'hideOnContentClick' : false,
		'autoScale' : true,
		'transitionIn' : 600,
		'transitionOut' : 400,
		'scrolling' : 'no',
		'centerOnScroll' : true,
		'padding' : 20,
		'onClosed' : function() {
			window.location.reload(true);
			;
		}

	});

});

When the window is reloaded after close of success message the url points to :

http://audiovisualreference.com/test.com/#gform_wrapper_1

instead of :

http://audiovisualreference.com/test.com/

Is this the problem ?

Here are the steps that make the entire homepage show up in the fancybox.

1. Click on contact link.

2. enter data and click submit.

3. after submit success message pops up. close success message.

4. click on contact link again and entire homepage shows up in fancybox.

Just tried and it's still happening.

Now if I redirect to another page on a successful completion of the form, then go back to homepage it works. Any thoughts?

Thanks,

Michael Sablatura

Hi Michael,

I'm still unable to create the issue where the entire site appears inside the fancybox. What I'm seeing is the fancy box taking up the left half of screen in all browsers (Firefox, Chrome, IE8, Safari). It sounds like there is some sort of configuration error with the way you have set up fancybox and without being able to recreate the reported issue on my end there isn't much advice I can offer.