Freecodecamp: Codepen - Issue with Show Local Weather App

Created on 15 Apr 2016  路  10Comments  路  Source: freeCodeCamp/freeCodeCamp

Challenge Show the Local Weather has an issue.
User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 Safari/537.36.

The local weather app at https://codepen.io/FreeCodeCamp/full/bELRjV. is not working properly
image

It does not show any weather information. Please update the link with an app that works.

Most helpful comment

Okay I found the trouble, the JSON resource is hosted over http and not https,
opening the pen also over http works as in :

http://codepen.io/FreeCodeCamp/full/bELRjV/ <-- NOT broken
vs
https://codepen.io/FreeCodeCamp/full/bELRjV/ <-- Broken

All 10 comments

@dhyey35

It works for me:

screen shot 2016-04-15 at 11 14 43 pm

Have you tries the common debugging steps?

The issue appears on my end with Chrome 49 also. I've tested other weather Pens and they appear to be working.

@sludge256 can you fork a copy and get it to working? If you do I can update this right away with your changes?

Odd i have that problem. I cant figure it out myself. somehow it didnt ask me allow or deny my location.

@sludge256 never mind I found the trouble:
http://ipinfo.io/json?callback=JSON_CALLBACK

I also had the same problem as @dwd2010

Okay I found the trouble, the JSON resource is hosted over http and not https,
opening the pen also over http works as in :

http://codepen.io/FreeCodeCamp/full/bELRjV/ <-- NOT broken
vs
https://codepen.io/FreeCodeCamp/full/bELRjV/ <-- Broken

Making a quick fix.

Found the solution here on Reddit so I didn't have to rewrite my code for another API: https://www.reddit.com/r/FreeCodeCamp/comments/4ioycb/how_to_solve_mixed_content_issue/

Was this page helpful?
0 / 5 - 0 ratings