Javascript Conflict? - javascript

this page is working
is an example of what I want to display on the following page:
this page is not working and I don't know why
although the code is identical the results are not the same, I'm assuming that there is some form of conflict with my wordpress themes javascript. Can anyone tell me what is causing this not to work and also how to recognise problems like this in the future?
Thanks in advance!

I have noticed that there are few errors in your site.
Unexpected token <
and the second one is map API key error.
Google Maps API error: MissingKeyMapError
Please check Unexpected token error and try to solve it, fix all 400 error and set map API key. might be the reason is because of this errors showing in your console.

Related

Using Ipinfo.io in Javascript

Okay, so, I'm trying to pull the correct region and city from Ipo.io but it isn't working. When ran locally it's giving me one location, which is wrong, and when deployed it also gives me a location but it's also wrong.
What I'm Trying To Do: pull the correct locations when user clicks a button.
The html is fine, so no need to add it. The js file where the request is looks like so (didn't include the whole file, just the relevant parts).
showMe is a modal that pops up once a user is scrolling the screen. Everything works fine the location is just wrong. I looked at the docs and it doesn't say anything about Javascript, so I'm writing to you guys in hopes that this tool actually works with Javascript.
Any help would be appreciated, thanks!
$('#showMe').click(() => {
$('#time-text').empty();
$.get("https://ipinfo.io?token=insert-token", function (response) {
$('#time-text').append(response.region);
}, "jsonp")
});
also, just to be clear, i've also tried this - as given in their documentation, but it throws an error.
$.get("https://ipinfo.io", function (response) {
$('#time-text').append(response.region);
}, "jsonp")
The error I am receiving for the last implemention is:
jquery-3.4.1.min.js:2 GET https://ipinfo.io/?callback=jQuery34105473588412770183_1578083636662&_=1578083636663 net::ERR_ABORTED 429
For the first implementation, there is no error - just wrong location.
You're getting a 429 Error, which means you've hit the request limit for the Day / Month (Depends)
Here is the relevant part of the the Docs discussing the Rate Limits

Recaptcha v3 initialization interrupted

Recaptcha v3 initialization is not completing when using the production site.
The logo is no longer appearing and if I try to submit the form I'm getting this error : "Uncaught Error: Invalid site key or not loaded in api.js"
It's working when I'm using it on localhost from my PC
The only difference between the dev and the prod are the keys.
Any idea to why it's not loading properly ?
Changed the keys.
Tried on other web browsers.
There's 2 main ways I believe this is caused:
Your domain name should just be the domain. apple.com, not https://apple.com
Make sure you are including the sitekey in the render param when you add the script tag:
<script src="https://www.google.com/recaptcha/api.js?render=<v3_site_key>"></script>
I've gotten the error when I forgot to provide the site key here (originally thought I only had to pass it in as the first argument to grecaptcha.execute)

Angular 2 ZoneAwareError in Tutorial, but only for chrome

Hello here and thanks for helping !
I'm performing the angular tutorial tour of heroes, and I have ended the point 4.Multiples Components, but the content does not load (we see "Loading AppComponent content here ...") and I have this error on chrome developper tools:
ZoneAwareError {__zone_symbol__error: Error: (SystemJS) Invalid or unexpected token
SyntaxError: Invalid or unexpected token
at eval…, __zone_symbol__stack: "(SystemJS) Invalid or unexpected token↵ SyntaxErro…n.js↵ Error loading
I can't paste more because the error is displaying a very lot of information.
The real problem is here: At this point of the tutorial, my app work perfectly on edge and firefox... I don't understand what is wrong with chrome :/ ...
Thanks
Ok it's seem it's a problem with chrome browser cache... The bug appear at randomly moment, and I have to delete it integraly if I want to see my code working...
I don't know why this error but that fix the problem. Sorry for this, and thanks.

Resolving Unexpected token < in Chrome for Custom 403 Page

I saw some previous topics related to this but was unable to find a related solution.
On my WordPress blog, WeLearnChess.com, I created a custom 403 error page, and now I am getting a seemingly related syntax error in Chrome. I enabled script debugging in the wp config file and checked with developer tools in Chrome, and I get this error:
Uncaught SyntaxError: Unexpected token < inaccessible:1
This appears to refer to my custom 403 page (http://www.welearnchess.com/inaccessible/). I have BulletProof Security Pro installed, so, to create the custom 403, I replaced the default 403 code with the following line of code via the BPS custom code field:
ErrorDocument 403 http://www.welearnchess.com/inaccessible/
From various tutorials that I saw online, this seems like it should be correct, but I'm new to this so perhaps I've made a mistake that is causing the error. Another interesting point is that, after a hard browser refresh, sometimes the syntax error temporarily changes from :inaccessible to :index or maybe it was:index1 (I'm having trouble reproducing it now).
So, have I done something incorrect with my 403 custom code that could be causing the aforementioned error? Thanks in advance for any assistance you can provide, and please let me know if I need to clarify the question further.
You plugin directory is throwing a 403 error, which means when including <script> tags with src like http://www.welearnchess.com/wp-content/plugins/ultimate-social-deux/public/assets/js/min/us.script-min.js?ver=6.0.4 get redirected to your custom 403 page which is http://www.welearnchess.com/inaccessible/. There are a few instances of this for plugins: ultimate-social-deux, zf-wordpress-category-accordian, rain - where their assets that should be publicly accessible are 403ing. Which means, instead of the actual script your custom page is loaded in the script tag, which is as expected, is invalid JavaScript and hence the errors in your console.

HTML Loader not working on certain pages

I am designing a website and am having some issues on certain computers. Most computers show the site perfectly, but certain computers just load a blank grey screen.
My work computer is one that has an issue,
The website is http://holidayinnkilgoretx.com and loads fine on the home page and photo page, but when I go to http://holidayinnkilgoretx.com/raa.php it messes up. Please let me know If i have something wrong in my code which is causing this. I checked all divs and closing tags etc.
It also only has the issue in google chrome.
Thank You
Getting the following load errors from Google developer tools which you should look into:
Resource interpreted as Script but transferred with MIME type text/html: "http://holidayinnkilgoretx.com/js/jquery.imagesloaded.min.js".
raa.php:315
Uncaught SyntaxError: Unexpected token <
js/jquery.imagesloaded.min.js:1
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
jquery.min.js:5
Uncaught TypeError: Cannot call method 'create' of undefined

Categories

Resources