|
LP
|
July 8, 2016 at 3:46 pm
Just installed on WP 4.5.3. Completing the registration form gives an errors saying first name is required. however, all fields are filled in.
http://unitedinpink.org/events/united-in-pink-vegas-fundraiser/
Please help!
|
|
Josh
|
July 8, 2016 at 4:01 pm
Does the form work correctly when the site is switched to one of the default WordPress themes?
|
|
LP
|
July 8, 2016 at 4:02 pm
Yes, I’m using the UDesign theme.
|
|
LP
|
July 8, 2016 at 4:05 pm
I also noticed the Google map does not display on the page, although the page is adding a big block of space for it. I have Google maps displayed in other places on my site.
|
|
Josh
|
July 8, 2016 at 4:07 pm
If the form works correctly when the site is switched to one of the default themes, then the theme will need to be fixed so it’s not throwing any JavaScript errors.
Google recently switched over to require an API key for new web pages that use their Maps API. You can get a free API key by following the link in Event Espresso > Venues > Maps, then put the API key in the field on that page.
|
|
LP
|
July 8, 2016 at 4:11 pm
And how do I go about seeing if there are indeed JS errors? I looked in the inspector using Firefox and I don’t see any JS errors.
|
|
LP
|
July 8, 2016 at 4:14 pm
Actually I do see the error below. Don’t know why I didn’t see it before. How do I go about resolving that? I had seen another post in the forums regarding this but didn’t get what the support staff was saying on how to fix and now can’t find the post.
Error: Syntax error, unrecognized expression: a[href*=#]:not([href=#], a.vc-carousel-control, a.vc_carousel-control, .wpb_tabs_nav a, a.acomment-reply.bp-primary-action)
|
|
Josh
|
July 8, 2016 at 4:18 pm
When you don’t see any JS errors, does the form submit?
|
|
LP
|
July 8, 2016 at 4:30 pm
The JS errors in my previous reply is there.
I have a Google api key but still no map. In the previous post I had found, but can no longer find where someone had the same form issue, their Google map was not showing either. The support person for that case was able to help them resolve the JS error.
|
|
Josh
|
July 8, 2016 at 4:45 pm
When you see this error:
Uncaught Error: Syntax error, unrecognized expression: a[href*=#]:not([href=#])
The problem is that the code in the theme’s JavaScript file is incorrect. The link location (hash marks, #, in this case) should be quoted like this:
a[href*="#"]:not([href="#"])
There’s another error on the page for the map that says:
Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://unitedinpink.org/events/united-in-pink-vegas-fundraiser/
You can allow the API key to work for this site by adding its URL to the list of allowed referrers in your Google account’s API console.
|
|
LP
|
July 8, 2016 at 4:55 pm
How do I go about finding where that code is in the theme’s JS file? Is there a typical WP file name to look for?
I alsready have my URL added in Google with the url as *.unitedinpink.org/* Is that not the correct way to do it?
|
|
Josh
|
July 8, 2016 at 4:58 pm
try removing the . before united and the slash after org.
The line of code that needs to be fixed is in
/wp-content/themes/u-design/scripts/script.js
line 41.
There may be an update to this theme that includes a fix as well.
|
|
Josh
|
July 8, 2016 at 5:01 pm
After the file is fixed, you’ll likely need to clear your browser’s cache to see the changes since JavaScript files tend to get cached by the browser.
|
|
LP
|
July 8, 2016 at 5:07 pm
I modified the URL, and still no map.
Going to look for the JS file now.
|
|
LP
|
July 8, 2016 at 5:12 pm
YAY, that fixed the form submissions.
Now the map is trying to load, however, it says “oops, something went wrong”. Any idea on that one?
|
|
Josh
|
July 8, 2016 at 5:25 pm
Yes the error in consoles says what I wrote in the above reply,
Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://unitedinpink.org/events/united-in-pink-vegas-fundraiser/
Here’s a link to Google’s documentation on the RefererNotAllowedMapError:
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
And a link to the most recent stack exchange threads for that error:
https://stackoverflow.com/search?q=%5Bgoogle-maps%5D+RefererNotAllowedMapError
|
|
LP
|
July 8, 2016 at 5:38 pm
I’m totally confused. I also added http://unitedinpink.org/events/united-in-pink-vegas-fundraiser/ to the allowed URLs.
I’m just not sure what to do.
|
|
Josh
|
July 8, 2016 at 5:45 pm
Here are a few other things you can do:
1) Make sure you have the correct API key set in the Event Espresso Venues settings.
2) If you have another plugin activated on the site that uses the Google Maps API, you can try temporarily disabling it. If that helps, then we can put together some custom code that disables the other plugin’s scripts on the events page.
|
|
LP
|
July 8, 2016 at 7:57 pm
I do have the correct API key. I do not have another maps plugin.
|
|
Josh
|
July 8, 2016 at 8:18 pm
I have Google maps displayed in other places on my site.
May I ask where those other places are?
|
|
LP
|
July 8, 2016 at 8:52 pm
Surely, on this page: http://unitedinpink.org/contact-us/
|
|
Lorenzo Orlando Caum
|
July 9, 2016 at 10:13 am
Hello,
What are the URLs that were added when you created the browser key?
Looking at your site, this is the URL that should be added:
unitedinpink.org
—
Lorenzo
|
|
LP
|
July 9, 2016 at 3:00 pm
*unitedinpink.org*
http://unitedinpink.org/events/united-in-pink-vegas-fundraiser/
I also updated my theme, in hopes that may fix it, but it didn’t. The js file in the theme update had the previous change we made implemented in it.
|
|
Lorenzo Orlando Caum
|
July 9, 2016 at 6:21 pm
Hi,
Here are the steps for getting setup with Google Maps:
1) Go to WP-admin (WP dashboard) –> Event Espresso –> Venues –> Google Maps
2) Towards the top of the page, you will see a new field for the Google Maps API key. There is a link that says click here to get an API key. Go ahead and click on it.
3) You’ll be prompted to login to your Google account. If you do not have one, then take a moment to create one and then login
4) After logging in, you’ll be asked to accept the terms and conditions. Go ahead and do that and then click Agree and Continue: http://cl.ly/1L2g1L3C0v21
5) On the following page, you’ll be asked to enter a name for the project. Go ahead and do so and then click Create: http://cl.ly/3w1X3L2T0s44
6) Allow a few moments for the API Key to be created and then your key will appear: http://cl.ly/1O3K2V1x3M3U
7) Copy it and then switch to your other browser tab for the Google Maps settings for Event Espresso and paste it within the Google Maps API Key field and then save changes
I’ve run through those steps above and I was able to show the maps again on a testing site.
—
Lorenzo
|
|
LP
|
July 9, 2016 at 7:35 pm
That is what I already did. That’s where I entered the URLs I provided in my previous post. From that screen, I copied the API key into the Google Maps API Key field of EE.
|
|
LP
|
July 9, 2016 at 7:42 pm
I’ve also tested this with one of the default WP themes and the same thing occurs.
|
|
LP
|
July 9, 2016 at 8:15 pm
I got it fixed. I deleted all of my API keys and started over. It is now working. This post can be closed.
Thank you for your help.
|
|
Lorenzo Orlando Caum
|
July 10, 2016 at 10:50 am
Glad to help!
I think the issue here is you were whitelisting individual pages on your site rather than not using that optional feature which would allow your entire site to be used. If you had a look at the steps (https://eventespresso.com/topic/regi-page-says-first-name-required-first-name-is-filled-in/#post-210307) that I created for you, then you would see that the whitelist feature was not used.
—
Lorenzo
|
