Confirmation Message / Re-Direct Page Issue

Gravity Support Forums » Plugin Support » Gravity Forms

peterwhitewebdesign
Member

Hey guys,
I have a one-page scrolling theme where I embedded a Gravity Form. When submitted through the site, I receive the form data but the user does not see a confirmation message. I've also used the page redirect option and it doesn't work either.

However, when I submit the form via the Gravity Forms preview option, everything works fine.

The theme i'm using is (http://themeforest.net/item/spark-responsive-onepage-html5-wordpress-theme/2372522/.

You can visit my site at http://www.urlgone.com/e66a8f/. Click the "Get Started" link at the top to get to the Free Quote Request Gravity form.

Thanks for your help!

Posted 11 years ago on Thursday February 14, 2013 | Permalink

David Peralty

You have multiple JavaScript errors that may be the source of your issues. Can you look into fixing them in hopes of rectifying the current problem?

Uncaught ReferenceError: jQuery is not defined sws_frontend.js:18
Uncaught ReferenceError: jQuery is not defined http://www.peterwhitewebdesign.com:329
Uncaught ReferenceError: jQuery is not defined http://www.peterwhitewebdesign.com:330
Uncaught ReferenceError: jQuery is not defined http://www.peterwhitewebdesign.com:331
Uncaught ReferenceError: jQuery is not defined http://www.peterwhitewebdesign.com:332
2
Uncaught ReferenceError: jQuery is not defined http://www.peterwhitewebdesign.com:427
Unsafe JavaScript attempt to access frame with URL http://www.peterwhitewebdesign.com/ from frame with URL http://www.youtube.com/embed/HzlZ3PO1tIA?rel=0. Domains, protocols and ports must match.

You can see these in Google Chrome by right clicking and selecting inspect and going to Console view. These are most likely all theme coding issues. You might want to contact the theme developer about them.

Posted 11 years ago on Thursday February 14, 2013 | Permalink

Chris Hajer
Key Master
The issue with the theme is that the jQuery is being loaded in the footer of the page. See this near the end of the source, after it's required for Gravity Forms:
```
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
```
Make sure that jQuery is loaded in the head of the page and I think you will find that your form with conditional logic works fine. As David suggests, you may have to contact the theme provider to resolve this issue, as it's not related to Gravity Forms.
Posted 11 years ago on Thursday February 14, 2013 | Permalink
sageinternet
Member

There is a lot of documentation supporting the idea that jQuery should indeed be loaded in the footer, and as high-quality plugin developers perhaps you should not be so hasty to discount the theme designer instead of yourself.

Adjusting theme jQuery enqueue location is undoubtedly faster, but should only be considered as a quick fix. The Gravity Forms plugin can easily be modified to load its scripts in the correct locations, and probably should be patched for future releases for better compatibility.

Posted 11 years ago on Friday February 15, 2013 | Permalink
peterwhitewebdesign
Member

Hey guys,
thanks for the replies. I went ahead and disabled all plugins except GF, which eliminated all but one of the JQuery errors. (2 plugins were causing most of the errors - Styles with Shortcodes) Then, I activated the Default Twenty Twelve theme and ...

The form still didn't work. It still submits and sends the information, but it won't show the confirmation message or re-direct to my defined page.

The form is only working 100% correct in preview mode when editing the form.

I'm not sure where to go from here ...

Posted 11 years ago on Friday February 15, 2013 | Permalink
David Peralty

If we can't see it isolated from issues currently, and would be hard to troubleshoot without doing so. Can you resolve the JQuery issues and let us know when that's done so we can go from there together?

Posted 11 years ago on Friday February 15, 2013 | Permalink
Chris Hajer
Key Master

I took a look at the page today and the jQuery is still loaded in the footer. I agree there has been a lot of discussion about where jQuery should be loaded, but with Gravity Forms currently, it needs to be loaded in the head of the page.

Also, you are loading one minor version older than that which would be enqueued by WordPress (you are loading 1.8.2, but WordPress would load 1.8.3).

Please have jQuery loaded in the head of the page and so long as there are no other JavaScript errors, this form should work fine.

We've had requests for moving the call to jQuery before so that Gravity Forms will work when it's loaded in the footer, and the development team is aware of the issues. But for right now, you need to get jQuery in the head of your page for this form to work.

Posted 11 years ago on Sunday February 17, 2013 | Permalink