
zWeatherFeed
Időjárás plugin
Verzió: | 1.0.2 |
Kiadás dátuma: | 2010 |
Fejlesztő: | Zazar Ltd. |
Liszensz: | nincs adat |
- kategória:
- Widget
- Ajax
- Integráció
- Segédeszközök
- címkék:
- weather
- yahoo
- időjárás
- widget
- hőmérséklet
- 1685
- 7273
- 0
- -
Bevezető
A Yahoo! időjárás-jelentő RSS-ére írt jQuery plugin hasonló a már korábban ismertetett Weather Widget plugin-hoz. Az említett plugin használatba vétele nem túl felhasználóbarát, azonban a zWeatherFeed némileg praktikusabb. Segítségével több (maximum 10) városra vonatkozó előrejelzést lehet megjeleníteni oldalanként, továbbá CSS segítségével testreszabhatjuk a plugin kinézetét.
Természetesen ez a plugin sem tökéletes: a deklaráció során megadandó városkódokat úgy kell kibogarászni a Yahoo RSS-éből, valamint a rendelkezésre álló települések száma is erőteljesen korlátozott.
Implementálás
CSS
<link rel="stylesheet" type="text/css" href="jquery.zweatherfeed.css" />
JavaScript
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zweatherfeed.js"></script>
Deklaráció
A bevezetőben említettem, hogy a városkódokat az RSS-ből kell kibogarásznunk. Ehhez el kell látogatni a Yahoo! Weather oldalra, ahol meg kell keresnünk a kívánt várost, majd jobb oldalt az RSS ikonra kattintva az URL legvégén találjuk a keresett város kódját (pl. Budapest kódja: HUXX0002). Az így kinyert kódot/kódokat kell az alábbiak szerint megadni:
$(document).ready(function(){ $('#pelda').weatherfeed(['UKXX0085','EGXX0011','UKXX0061','CAXX0518']); });
(ahol a #pelda egy üres div azonosítója)
Teljes paraméterlista
- unit: a hőmérséklet mértékegysége ('c' - celsius | 'f' - fahrenheit) (alapértelmezett: 'c')
-
image: az aktuális időjárást szemléltető háttér engedélyezése/tiltása
(true | false)
(alapértelmezett: true) - highlow: maximum és minimum érték megjelenítésének engedélyezése/tiltása (true | false) (alapértelmezett: true)
-
wind: szélerősség és szélirány megjelenítésének engedélyezése/tiltása
(true | false)
(alapértelmezett: true) - link: "teljes előrejelzés" link engedélyezése/tiltása (true | false) (alapértelmezett: true)
- showerror: hiba üzenet engedélyezése/tiltása (true | false) (alapértelmezett: true)