zWeatherFeed

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)

Tippek

• A plugin alapértelmezetten angol nyelvű, azonban a letölthető állományban megtalálható egy magyar verzió is, amelyhez a fordításokat hcqc követte el.
• Az alábbi oldalon a plugin egy módosított, slider technikával ötvözött verziója tekinthető meg.