https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15 Gravity Support Forums Topic: ajax not working with hidden div method v1.5 en-US Sat, 04 Apr 2026 10:47:36 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17958 Tue, 08 Feb 2011 13:56:17 +0000 David Smith 17958@https://legacy.forums.gravityhelp.com/ <p>Hi Michael,</p> <p>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. </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17940 Tue, 08 Feb 2011 13:27:42 +0000 firstbasedesign 17940@https://legacy.forums.gravityhelp.com/ <p>Michael, how did you get your fancybox popup to stay fixed on the page? Mine jumps all round the bloomin page!!!</p> <p><a href="http://poie.thinkbigcreative.co.uk/" rel="nofollow">http://poie.thinkbigcreative.co.uk/</a></p> <p>(Small link on there 'click for form')</p> <p>For example if you click without filling fields, when the error message pops up the modal/form jumps down the page. What the hell?!?!?</p> <p>Any thought?</p> <p>many thanks </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17855 Mon, 07 Feb 2011 17:31:02 +0000 michaeldablatura 17855@https://legacy.forums.gravityhelp.com/ <p>Here are the steps that make the entire homepage show up in the fancybox.</p> <p>1. Click on contact link.</p> <p>2. enter data and click submit.</p> <p>3. after submit success message pops up. close success message.</p> <p>4. click on contact link again and entire homepage shows up in fancybox.</p> <p>Just tried and it's still happening.</p> <p>Now if I redirect to another page on a successful completion of the form, then go back to homepage it works. Any thoughts?</p> <p>Thanks,</p> <p>Michael Sablatura </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17851 Mon, 07 Feb 2011 17:07:42 +0000 David Smith 17851@https://legacy.forums.gravityhelp.com/ <p>Hi Michael, this is what I'm seeing when I click on the link the first time: <a href="http://grab.by/8OSi" rel="nofollow">http://grab.by/8OSi</a></p> <p>I see the same thing when I click on it again. Were you able to resolve the issue with the entire site displaying inside the fancybox and the previous contents showing up? </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17780 Sun, 06 Feb 2011 15:55:35 +0000 michaeldablatura 17780@https://legacy.forums.gravityhelp.com/ <p>You know, I think it has something to do with my onClosed function in contact-form.js</p> <pre><code>jQuery(document).ready(function() { jQuery(&quot;a#cnt&quot;).fancybox({ &#39;autoDimensions&#39; : true, &#39;overlayOpacity&#39; : &#39;0.9&#39;, &#39;overlayColor&#39; : &#39;#000&#39;, &#39;hideOnContentClick&#39; : false, &#39;autoScale&#39; : true, &#39;transitionIn&#39; : 600, &#39;transitionOut&#39; : 400, &#39;scrolling&#39; : &#39;no&#39;, &#39;centerOnScroll&#39; : true, &#39;padding&#39; : 20, &#39;onClosed&#39; : function() { window.location.reload(true); ; } }); });</code></pre> <p>When the window is reloaded after close of success message the url points to :</p> <p><code><a href="http://audiovisualreference.com/test.com/#gform_wrapper_1" rel="nofollow">http://audiovisualreference.com/test.com/#gform_wrapper_1</a></code></p> <p>instead of :</p> <p><code><a href="http://audiovisualreference.com/test.com/" rel="nofollow">http://audiovisualreference.com/test.com/</a></code></p> <p>Is this the problem ? </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17779 Sun, 06 Feb 2011 15:51:54 +0000 michaeldablatura 17779@https://legacy.forums.gravityhelp.com/ <p>Here is the test site, just click on the contact link of first post.</p> <p><a href="http://audiovisualreference.com/test.com/" rel="nofollow">http://audiovisualreference.com/test.com/</a> </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17767 Sun, 06 Feb 2011 08:29:59 +0000 David Smith 17767@https://legacy.forums.gravityhelp.com/ <p>Ignore my request in the other thread for a link to your form and please post that here. :) </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17750 Sat, 05 Feb 2011 20:01:55 +0000 michaeldablatura 17750@https://legacy.forums.gravityhelp.com/ <p>So I have almost figured it out ...</p> <p>I changed my hidden div code to</p> <p><code>&lt;div id=&quot;contact-form&quot; style=&quot;display:none&quot;&gt; &lt;?php gravity_form(1, true, true, true, true, true); ?&gt; &lt;/div&gt;</code></p> <p>Note the extra values in the array, thank you eclipse. </p> <p>After I submit the form it gives me the success message, great. Then I close the fancybox success message. Next, without refreshing the page I click on the same link to test again and it opens my entire home page in a fancybox.</p> <p>So, I click link, fancybox opens, enter data in fancybox form, submit, get success message, close fancybox, click link again, my entire homepage opens in a fancybox. What's the problem? </p> https://legacy.forums.gravityhelp.com/topic/ajax-not-working-with-hidden-div-method-v15#post-17745 Sat, 05 Feb 2011 17:42:55 +0000 michaeldablatura 17745@https://legacy.forums.gravityhelp.com/ <p>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 :</p> <p>fancybox function written within jquery.fancybox-v1.3.4.js at very bottom</p> <pre><code>$(document).ready(function() { $(&quot;a#cnt&quot;).fancybox({ &#39;transitionIn&#39; : &#39;elastic&#39;, &#39;transitionOut&#39; : &#39;elastic&#39;, &#39;speedIn&#39; : 600, &#39;speedOut&#39; : 200, &#39;overlayShow&#39; : false }); });</code></pre> <p>Next, I put a hidden div within footer.php of wordpress template directory</p> <p><code>&lt;div id=&quot;contact-form&quot; style=&quot;display:none&quot;&gt; &lt;?php gravity_form(1, true, true); ?&gt; &lt;/div&gt;</code></p> <p>Then I created a post and made a test link to hidden div</p> <p><code>&lt;a href=&quot;#gform_wrapper_1&quot; id=&quot;cnt&quot;&gt;contact&lt;/a&gt;</code></p> <p>note that I used <code>#gform_wrapper_1</code> because this is what is returned to the browser.</p> <p>Okay so where did I got wrong ?</p> <p>Michael Sablatura </p>