HTML5 Geolocation Based jQuery Yahoo Weather Widget
| File Size: | 3.39 KB |
|---|---|
| Views Total: | 7913 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
A jQuery Yahoo Weather widget that uses HTML5 Geolocation API to determine the user's position and displays the local weather conditions using Yahoo Weather API.
How to use it:
1. Include the Bootstrap stylesheet and Weather themed icons for Bootstrap in the head section of your html document.
<link rel="stylesheet" href="weather-icons.min.css"> <link href="bootstrap.min.css">
2. Include the latest version of jQuery library and the jQuery Yahoo! Weather plugin at the end of the document.
<script src="//code.jquery.com/jquery-3.0.0.min.js"></script> <script src="yahoo-weather-jquery-plugin.js"></script>
3. The JavaScript to insert the Yahoo weather widget into a specified container.
$('.container').yahooWeather();
This awesome jQuery plugin is developed by fornitio. For more Advanced Usages, please check the demo page or visit the official website.
