Scott, I found the issue finally. It appears there are some new declarations to add in the jQuery snippet to get this to work. I'm assuming this is something new to the latest release of their script.
You'll want to replace the jQuery snippet in the head with this..
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/jquery.fancybox-1.3.0.css" media="screen" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery.fancybox-1.3.0.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.iframeFancybox1").fancybox({
'width' : 800,
'height' : 600,
'overlayOpacity' : '0.4',
'overlayColor' : '#000',
'hideOnContentClick' : false,
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'type' : 'iframe'
});
});
</script>
If you're not using the "zoom" class or the "iframeFancybox2" from the previous example for anything, it's safe to just replace the whole script block.
You'll notice that this one actually specifies the type as "iframe". It was using the ajax method before to load the content and when you submitted the form, it refreshed the parent page, not the form page in an iframe.
I duplicated your page and tested remotely and got it working as intended. You can see a screenshot of the validation error in the iframe.
Hope that helps out and please let us know if we can help with anything else.
Posted 14 years ago on Friday February 5, 2010 |
Permalink