Wikipedia api error for images when page is loaded locally - javascript

I created a simple web form that pulls a wikipedia article and renders it on the page: https://fiddle.jshell.net/isachenx/b223kth6/
Everything is fine in the fiddle, but when used locally, I get errors when the ajax request tries to get the thumbnail images from the wikipedia page.
The error in the console reads:
GET file://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Paleis_op_de_dam.JPG/129px-Paleis_op_de_dam.JPG net::ERR_FILE_NOT_FOUND
How can I get the request to get the images correctly? Change file:// to https:// ? How?
I don't need the images, but I'd like the console to stop throwing me errors...

Related

Website javascript calculator not working, need solution

I recently made my website SSL certified, but now my calculator is broken.
Url: https://secondunitcentersmc.org/calculator/
Please help provide a solution, the only affected drop down is the first location one.enter image description here
Console Log Error:
angular.js:12011 Mixed Content: The page at 'https://secondunitcentersmc.org/calculator/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://secondunitcentersmc.org/wp-content/themes/secondunitcenter/calc/data/rents.json'. This request has been blocked; the content must be served over HTTPS.
Changing this URL to https does not work, (it causes the form to not appear) neither does changing $http to $https in both locations within the file
Image from scripts/app.js of my website. It is also a wordpress site.
So When I navigate to http://secondunitcentersmc.org/wp-content/themes/secondunitcenter/calc/data/rents.json it is automatically changing to https. In your js file where you make the call to this page, does the url there start with http or https?
Instead of using a json file for this data, you might want to consider creating a private custom post type for the locations, then you can just use the standard wordpress query to call them into the drop down. It will also be easier to add and edit them in the future. (and get rid of your https/http error :))
How did you add https to your site? with a plugin or manually? If manually- you need to update your site address and wordpress address in general>settings as well as add some code to your .htaccess file. more info here (method #2) https://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/

I can see a webpage on a local computer, but after uploading it the pictures don't appear

I try to use a template provided here:
http://themes.alessioatzeni.com/html/brushed/
Then, I downloaded the basic files and modified them for my purpose. It was OK. I didn't have any problem to see the pages on my computer. I tested it with Edge, Chrome, and Fire Fox. Everything showed it very well. Then, I uploaded all the files on my website:
http://hirophysics.com/japaneseusedcar/bahama-used-car.html
Then, there is no picture on the slider and also I cannot find the right and left arrows on the menu bar...
I checked if all the file are uploaded. I found everything on the server. I didn't use any foreign language...
Would someone possibly advise me where the problem is hidden?
Thank you very much!
Hiro
I would go with the typical reason: wrong url to a resource. Often, when you are launching the page locally you get a bit different url than on the server. And your errors show exactly that error
Failed to load resource: the server responded with a status of 404 (Not Found)
So check again, if the URL you provided is correct. And as I said, the URL might be different between local and server eventho folder looks exactly the same.
http://hirophysics.com/japaneseusedcar/_include/img/logo.png Failed to load resource: the server responded with a status of 404 (Not Found)
Try to use your resources with additional ".." before directory where they are (for example you have
_include/img/logo.png so try ../_include/img/logo.png)

d3.js / JSFiddle - loading .tsv data

I created a JSfiddle to collaborate on a project but I can't get it to run properly:
It's loading correctly the html/css elements
It's apparently running the .js code as the dimensions (960*500 px )of the result look correct to me
However it does not seem to load the dataEL.tsv file I attached as an external resource, and that I use in my code to load data via:
window.onload = function draw(data) {
d3.tsv("dataEL.tsv", type, function(error, data) {
(...)
=> Here is the link to the JSfiddle
Can you please help me load correctly the data in order to display the result?
It displays correctly on my personal server
I don't think jsFiddle.net lets you upload external resources other than referencing JS files.
If you open the Javascript console, or Developer Tools of your browser (F12 assuming you are on Windows and using IE/Chrome/FF) you see that you are getting a 404 not found error for the file dataEl.tsv:
Failed to load resource: the server responded with a status of 404
(NOT FOUND) http://fiddle.jshell.net/46yxnukv/2/show/dataEL.tsv
You could try a different site, or upload the file dataEL.tsv to an internet-accessible web server and then request it using the full URL instead of an URL on jsFiddle.net.

Can't load Twitter JSON feed within script tag

I have this strange issue I can't overcome apparently, I am trying to retireve a Twitter JSON feed using the script tag at the bottom of my page:
<script src="http://api.twitter.com/1/statuses/user_timeline/haunted85.json?count=15&callback=listTweets" type="text/javascript"></script>
I want the data to be handed over a callback function I have named listTweets. The thing is if I load my page and try to get the output in my Chrome console tab via javascript function, then I get a Failed to load resource error, but if I manually copy and enter the URI in the address bar, I am returned all the Twitter data in the browser. What am I missing here?

My lightbox script won't load

Hey I'm trying to get this lightbox script to work on a client site but I get this error '$ is not defined', I'm not well with JS so i was wondering if i could get some help, heres the site - http://www.petconnection.com/blog/.
Thanks, Antonio.
Here's the problem:
/res/javascript/lightbox/jquery.lightbox-0.5.js
Failed to load resource: the server responded with a status of 404 (Not Found)
/res/javascript/jquery/jquery-1.4.2.min.js
Failed to load resource: the server responded with a status of 404 (Not Found)
The page is trying to retrieve the JavaScript file that defines jQuery (hence $) but the server is replying with a 404 error. Either it's requesting the wrong URL, or the file has been deleted from the server — perhaps replaced by a new version of jQuery (1.4.2 is pretty old at this point, we're on to 1.5).
The order of those messages also indicates that you're (trying to) load the the lightbox script before the jQuery script. This is bad juju. Lightbox depends on jQuery, so you've got to load jQuery first.
Antonio, it doesn't look like either of your scripts are loading properly. Try linking directly (instead of relative links) or just double check the links you currently have.

Categories

Resources