jquery simpleweather not recognized

Question

I want to show weather on my web site using simpleweatherjs, but it is not working for me. Can somebody tell me what I'm doing wrong? Page is blank. If I, for example before line $.simpleWeather({...}); put $("#weather").html("test"), then this sentence work, but it is not working under $.simpleWeather({...}); like it is shown in example.

Here is my html:

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Weather</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.simpleWeather/2.5.0/jquery.simpleWeather.min.js"></script>
</head>
<body>

<div id="weather"></div>
<script>
// Docs at http://simpleweatherjs.com
$(document).ready(function() {
  $.simpleWeather({
    location: 'Austin, TX',
    woeid: '',
    unit: 'f',
    success: function(weather) {
      html = '<h2><i class="icon-'+weather.code+'"></i> '+weather.temp+'&deg;'+weather.units.temp+'</h2>';
      html += '<ul><li>'+weather.city+', '+weather.region+'</li>';
      html += '<li class="currently">'+weather.currently+'</li>';
      html += '<li>'+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+'</li></ul>';

      $("#weather").html(html);
    },
    error: function(error) {
      $("#weather").html('<p>'+error+'</p>');
    }
  });
});

</script>
</body>

and error in console? because it works good http://jsfiddle.net/yashhy/x34eu/ here. — yashhy, Feb 24 '14 at 13:38
console: Failed to load resource: net::ERR_FILE_NOT_FOUND file://query.yahooapis.com/v1/public/yql?format=json&rnd=20141114&diagnosti…2Austin,%20TX%22%20and%20gflags=%22R%22)%20and%20u=%22f%22&_=1393249498897 — repincln, Feb 24 '14 at 13:46

score 3 · Accepted Answer · answered Feb 24 '14 at 14:04

3

Are you running the code from a local file? i.e. navigating to c:\html\test.html (or equivalent) in the browser.

It doesn't appear to work when doing this for me either, however when I hosted the HTML file on a webserver (I used tomcat) and navigated to http://localhost:8080/html/test/html it worked.

Edit: This would explain why it works fine on JS Fiddle as well

answered Feb 24 '14 at 14:04

Ian A

5,622
2
22
31

Thanks. When I upload file to server then everything works fine, but if I open file on browser then it doesn't work. Thanks again for tip. – repincln Feb 24 '14 at 14:19

hamburger · Answer 2 · 2014-02-24T13:57:44.710

1

try to clear your line:

 <link rel="stylesheet" type="text/css" href="style.css">

maybe there is something set hidden in there.

or/and change the line: (if you are local)

//query.yahooapis.com/v1/public/yql

to

  http://query.yahooapis.com/v1/public/yql

edited Feb 24 '14 at 13:57

answered Feb 24 '14 at 13:44

hamburger

1,339
4
20
41

score 0 · Answer 3 · answered Aug 11 '14 at 07:44

0

Console error says that it is not able to load

   //query.yahooapis.com/v1/public/yql.....

Hence prefix the url with http or https like

    https://query.yahooapis.com/v1/public/yql.....

answered Aug 11 '14 at 07:44

Hemant Nagpal

624
6
14

jquery simpleweather not recognized

3 Answers3