Skip to content

Instantly share code, notes, and snippets.

@fleeting
Created October 30, 2012 20:57
Show Gist options
  • Save fleeting/3983006 to your computer and use it in GitHub Desktop.
Save fleeting/3983006 to your computer and use it in GitHub Desktop.
Full usage example for simpleWeather.js
// Docs at http://simpleweather.monkeecreate.com
$.simpleWeather({
zipcode: '76309',
woeid: '',
location: '',
unit: 'f',
success: function(weather) {
html = '<h2>'+weather.city+', '+weather.region+' '+weather.country+'</h2>';
html += '<p><strong>Today\'s High</strong>: '+weather.high+'&deg; '+weather.units.temp+' - <strong>Today\'s Low</strong>: '+weather.low+'&deg; '+weather.units.temp+'</p>';
html += '<p><strong>Current Temp</strong>: '+weather.temp+'&deg; '+weather.units.temp+' ('+weather.tempAlt+'&deg; C)</p>';
html += '<p><strong>Thumbnail</strong>: <img src="'+weather.thumbnail+'"></p>';
html += '<p><strong>Wind</strong>: '+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+' <strong>Wind Chill</strong>: '+weather.wind.chill+'</p>';
html += '<p><strong>Currently</strong>: '+weather.currently+' - <strong>Forecast</strong>: '+weather.forecast+'</p>';
html += '<p><img src="'+weather.image+'"></p>';
html += '<p><strong>Humidity</strong>: '+weather.humidity+' <strong>Pressure</strong>: '+weather.pressure+' <strong>Rising</strong>: '+weather.rising+' <strong>Visibility</strong>: '+weather.visibility+'</p>';
html += '<p><strong>Heat Index</strong>: '+weather.heatindex+'"></p>';
html += '<p><strong>Sunrise</strong>: '+weather.sunrise+' - <strong>Sunset</strong>: '+weather.sunset+'</p>';
html += '<p><strong>Tomorrow\'s Date</strong>: '+weather.tomorrow.day+' '+weather.tomorrow.date+'<br /><strong>Tomorrow\'s High/Low</strong>: '+weather.tomorrow.high+'/'+weather.tomorrow.low+'<br /><strong>Tomorrow\'s Forecast</strong>: '+weather.tomorrow.forecast+'<br /> <strong>Tomorrow\'s Image</strong>: '+weather.tomorrow.image+'</p>';
html += '<p><strong>Last updated</strong>: '+weather.updated+'</p>';
html += '<p><a href="'+weather.link+'">View forecast at Yahoo! Weather</a></p>';
$("#weather").html(html);
},
error: function(error) {
$("#weather").html("<p>"+error+"</p>");
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment