The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

Weathro jQuery plugin : displays weather status for users on your website

Tags :

Plugin rate :

Wheatro plugin displays wheater to your visitor on your website :
- get the geographic location of any user on your website and display a weather status of that particular location on your website.
- the weather status is pulled using APIs exposed by wunderground.com.
- weather status of the current day and the next three days is pulled and available to this widget.
- you may then choose the number days (min 1 to max 4) for which you want to display the status.

Implementation: 

HOW TO USE

The download pack contains the plugin file weathro.min.js and the HTML file weather.html that I have deployed in my live demo.

 

1. GET YOUR WUNDERGROUND API KEY

Just visit API console of wunderground. Sign up for a free account and you will be provided with an API key!

 

weathro1.png

 

weathro2.png

 

Note down this API Key Id provided to you.

 

 

2. JAVASCRIPT

Now paste your API key in the javascript as shown below

1
2
var wundergroundAPIKey="1a-----------cd";
var maxWeathroDays = 2; 

 

"maxWeathroDays" is the maximum number of days for which weather status will be displayed. Acceptable values are 1,2,3 or 4. This is because weather status of 4 days is available to this widget (current day and next 3 days).

 

 

3. INCLUDE WEATHRO PLUGIN - HTML

Before your body tag ends in your HTML, include the plugin as shown

1
2
3
4
5
<body>
  ...
  ... 
  <script src="./weathro.min.js"></script>
</body>

 

Weather is now on your website !

Weather location depends on the user visiting your website. So if a user from (New York,US) visits your website, he will be shown the weather status for New York.
Let me know if any issues.

Options: 
maxWeathroDays
Integer
Default : 4 - maximum number of days for which weather status will be displayed. Acceptable values are 1,2,3 or 4. This is because weather status of 4 days is available to this widget (current day and next 3 days)
Screenshots

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

jQuery
>= 1.4
Current version
1.0
Browsers compatibility
Google ChromeIE 9Mozilla FirefoxOperaSafari
Comments [0]