Legyen a weblapodon aktuális időjárás-előrejelzés!
Tartalomjegyzék
Bevezető
Miért jók ezek neked?
A köpönyeg.hu időjárás addonját használva saját időjárás-előrejelző bannered lesz az oldaladon. A banner naponta frissíti magát a köpönyeg.hu szerveréről, ezért mindig friss időjárás-előrejelzést mutat. Sőt, az RSS szolgáltatás segítségével testreszabható módon építheted be az aktuális időjárás és előrejelzési adatainkat az oldaladba.
Az oldalad ezáltal tartalmasabb lesz, és több látogatót fog vonzani.
Mi a banner, az addon és az RSS?
A banner egy statikus kép, amely innen tölthető le. Ezt a legegyszerűbb beilleszteni az oldalba, de nem tartalmaz dinamikus adatokat (pl. aktuális időjárás-előrejelzést).
Az addon (add on: [eng] hozzáadni, hozzáilleszteni) olyan html kód, amelyet beilleszthetsz weboldaladba. Dinamikus, minden letöltéskor az aktuális előrejelzésnek megfelelően frissíti magát.
Az RSS a Really Simple Syndication (Igazán Egyszerű Hírszolgáltatás) angol kifejezés rövidítése.
E szolgáltatásunk segítségével a köpönyeg.hu közvetlen megtekintése nélkül értesülhetsz a legfrissebb előrejelzésről és az aktuális időjárásról. Ehhez valamilyen RSS olvasó program szükséges.
Ha értesz kicsit az XML-hez és valamilyen webes programozási nyelvhez (pl.: PHP, Perl, C#), akkor az RSS-t arra is használhatod, hogy teljesen egyedi módon beilleszd időjárás-előrejelzésünket és az aktuális időkép-elemeket a weboldaladba.
Mennyibe kerül?
A banner, az időjárás addon és az RSS szolgáltatás is ingyenes.
Az RSS beillesztése saját weboldalra a köpönyeg.hu mint forrás megjelölése és linkelése mellett ingyenes. A forrás megjelölésének elmulasztása szerzői jog megsértésének minősül!
Hírlevél
Add meg az e-mail címedet itt, ha értesülni akarsz a változásokról, újdonságokról:
| E-mail: | ![]() |
![]() |
Letölthető banner
Ingyen beilleszthetőek bármilyen html oldalba.
|
|
|---|---|
| 130x60 | 88x31 |
A képek lementhetők, ha az egér jobb gombjával klikkelve a megjelenő menüből kiválasztod:
- a „Kép mentése más néven...” opciót (Firefox, Mozilla)
- a „Kép mentése másként...” opciót (Internet Explorer)
Választható addonok és hozzájuk tartozó kódok
Az alábbi legördülő menük segítségével válaszd ki a neked megfelelő addont. A kiválasztás után megjelenik az addon előnézeti képe úgy, ahogy az az oldalon majd látható. Alatta, a kék mezőben találod a beillesztéshez szükséges HTML kódot.
| Méret: | Régió: | Típus: |
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=1&regio=1" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=1&regio=2" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=1&regio=3" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=1&regio=4" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=1&regio=5" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=1&regio=6" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=1&regio=7" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=2&regio=1" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=2&regio=2" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=2&regio=3" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=2&regio=4" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=2&regio=5" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=2&regio=6" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=2&regio=7" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=3&regio=1" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=3&regio=2" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=3&regio=3" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=3&regio=4" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=3&regio=5" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=3&regio=6" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=3&regio=7" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=4&regio=1" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=4&regio=2" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=4&regio=3" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=4&regio=4" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=4&regio=5" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=4&regio=6" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=4&regio=7" alt="15 napos idojárás-jelentés" border="0" />
</a>
<a style='display: block; height: 165px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/?regios=1' title=''> </a>
<a style='display: block; height: 35px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/balaton' title=''> </a>
<a style='display: block; height: 19px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/dubai' title=''> <a>
<a style='display: block; height: 21px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjaro.php' title=''> </a>
<div>
<a style='display: block; height: 165px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/?regios=2' title=''> </a>
<a style='display: block; height: 35px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/balaton' title=''> </a>
<a style='display: block; height: 19px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/dubai' title=''> <a>
<a style='display: block; height: 21px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjaro.php' title=''> </a>
<div>
<a style='display: block; height: 165px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/?regios=3' title=''> </a>
<a style='display: block; height: 35px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/balaton' title=''> </a>
<a style='display: block; height: 19px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/dubai' title=''> <a>
<a style='display: block; height: 21px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjaro.php' title=''> </a>
<div>
<a style='display: block; height: 165px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/?regios=4' title=''> </a>
<a style='display: block; height: 35px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/balaton' title=''> </a>
<a style='display: block; height: 19px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/dubai' title=''> <a>
<a style='display: block; height: 21px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjaro.php' title=''> </a>
<div>
<a style='display: block; height: 165px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/?regios=5' title=''> </a>
<a style='display: block; height: 35px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/balaton' title=''> </a>
<a style='display: block; height: 19px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjarolink/dubai' title=''> <a>
<a style='display: block; height: 21px; width: 120px; text-decoration: none;' href='http://koponyeg.hu/vilagjaro.php' title=''> </a>
<div>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=6&regio=6" alt="15 napos idojárás-jelentés" border="0" />
</a>
<img src="http://koponyeg.hu/koponyeg_addon_pic.php?tipus=6&regio=7" alt="15 napos idojárás-jelentés" border="0" />
</a>
RSS
RSS formában elérhető oldalunkról az aktuális rövidtávú előrejelzés régiós bontásban. Továbbá a hírcsatorna szolgáltatás tartalmazza néhány nagyváros (jelenleg Budapest, Debrecen, Kecskemét, Pápa, Pécs, Sármellék, Szeged, Szolnok és horvátországi Zadar) aktuális időjárási adatait, óránkénti frissítéssel.
Az RSS hírcsatornát eléred a régiós előrejelzési diagramok jobb felső sarkában lévő
ikonra kattintva. Bármilyen hírolvasó program segítségével felveheted hírforrásaid közé, és a köpönyeg.hu látogatása nélkül is értesülhetsz az aktuális időképről, és rövid távú előrejelzést kaphatsz. Az RSS régióspecifikus, vagyis ha pl. a közeljövőben a szegedi időjárás érdekel, akkor a „Délkelet-magyarországi előrejelzési diagram” RSS ikonját válaszd!
A időjárási adatok beillesztésével kapcsolatos további információkért kattints ide...
Az időjárás RSS leírása:
A letölthető RSS URL-je: http://koponyeg.hu/idojaras_rss.php
Az URL-ben megadhatod a „regio” paramétert, ezzel választhatsz a régiók közül, pl.: a http://koponyeg.hu/idojaras_rss.php?regios=1 RSS oldalon a közép-Magyarországi időjárásról kaphatsz információt.
Régiókódok:
| # | Régió | Mérőállomás |
|---|---|---|
| 1 | Közép-Magyarország | Budapest |
| 2 | Északnyugat-Magyarország | Győr |
| 3 | Északkelet-Magyarország | Miskolc |
| 4 | Délnyugat-Magyarország | Pécs |
| 5 | Délkelet-Magyarország | Szeged |
| 6 | Balaton | Siófok |
| 7 | Adria (Horvátország) | Zadar |
A köpönyeg.hu RSS egy szabványos XML dokumentum, amely megfelel az RSS 2.0 szabványnak. A szokványos RSS elemek mellett tartalmaz saját, köpönyeges adatokat. Az alábbiakban megtalálhatod az XML struktúra dokumentációját. Az igazán lényeges adatok a „koponyeg” névtérben vannak.
XML magyarázat:
| Legfelső szintű, szülő elemek: | |||
| xml | a dokumentum megfelel az XML 1.0 szabványnak | (object) | |
| rss | a dokumentum megfelel az RSS 2.0 szabványnak | (object) | |
| A „channel” elemei: | |||
| title | cím, amely tartalmazza a régió nevét is | (string) | |
| link | a 15 napos régió előrejelzési diagram url-je | (string) | |
| lastBuildDate | az utolsó frissítés dátuma RFC822 formátumban | (string) | |
| ttl | percben ennyi időközönként érdemes újból letölteni az RSS-t | (int) | |
| copyright | szerzői jogi információ | (string) | |
| language | nyelvi információ (hu) | (string) | |
| webMaster | a köpönyeg.hu webmesterének email címe | (string) | |
| koponyeg:mertekegyseg | a használt mértékegységek | (object) | |
|   | homerseklet | pl.: „C” Celsius-fok | (char) |
|   | sebesseg | a szél sebessége, pl.: „mps” méter/sec | (string) |
|   | csapadek | a csapadék méréséhez, pl. „mm” milliméter | (string) |
| koponyeg:elhelyezkedes | a jelenidős mérések földrajzi helyzete az adott régióban | (object) | |
|   | allomas | a mérőállomás négybetűs kódja, pl.: „LHBP” | (string) |
|   | varos | a város neve, ahol a mérőállomás elhelyezkedik, pl. „Budapest” | (string) |
|   | regio | az időjárási régió, ahol a fenti város található, pl.: „Közép-Magyarország” | (string) |
|   | orszag | az ország megnevezése, pl.: „Magyarország” | (string) |
| image | a köpönyeg.hu logója | (object) | |
| item | a régiós aktuális időjárás és az előrejelzés | (object) | |
| Az „image” (kép) elemei: | |||
| title | a kép címe | (string) | |
| width | a kép szélessége pixelben | (int) | |
| height | a kép magassága pixelben | (int) | |
| url | a kép pontos url-je | (string) | |
| link | a köpönyeg.hu url | (string) | |
| Az „item” elemei: | |||
| title | az előrejelzés címe és ideje, pl: „Időjárás Közép-Magyarországon, 18:30” | (string) | |
| pubDate | a publikálás pontos dátuma RFC822 formátumban | (string) | |
| link | url az előrejelzéshez tartozó köpönyeg.hu-s diagramhoz | (string) | |
| description | összegzett aktuális időjárás és előrejelzés HTML formátumban, linkkel kiegészítve a köpönyeg.hu-ra | (HTML) | |
| guid | az aktuális időjárás és előrejelzés egyedi azonosítója | (string) | |
|   | isPermaLink | mindig „false” | (boolean) |
| koponyeg:jelenido | az aktuális időjárási adatok | (object) | |
|   | homerseklet | aktuális hőmérséklet | (int) |
|   | szelirany | a szél iránya égtájakkal, pl.: „D/DNY” | (string) |
|   | szelsebesseg | a szél sebessége | (float) |
|   | szelszoveges | a széllel kapcsolatos adatok szöveges összefoglalója | (string) |
|   | szel_img | a szél adatokhoz tartozó ikon elérési útja | (string) |
|   | idokep | az időkép tömör szöveges jellemzése | (string) |
|   | idokep_img | az időkép ikon elérési útja | (string) |
|   | datum | a mérés dátuma magyar idő szerint, „= date("D, d M Y H:i:s O"); ?>” formátumban | (string) |
|   | allomas | a mérőállomás négybetűs kódja, pl.: „LHBP” | (string) |
| koponyeg:elorejelzes | az előrejelzési adatok weboldalba beépíthető formában | (object) | |
|   | nap | a nap szöveges megnevezése (pl.: „ma”, „holnap”) | (string) |
|   | datum | az a dátum, amire az előrejelzés vonatkozik, „= date("Y-m-d"); ?>” formátumban | (string) |
|   | regio | a régió kódja, amelyre az előrejelzés vonatkozik | (int) |
|   | min | várható legalacsonyabb hőmérséklet | (int) |
|   | max | várható maximális hőmérséklet | (int) |
|   | csapadek | várható csapadékmennyiség | (int) |
|   | szelsebesseg | várható szélsebesség (nem minden régióra!) | (float) |
|   | vizhomerseklet | várható vízhőmérséklet (nem minden régióra!) | (int) |
|   | idokep | tömör, szöveges időképjellemzés | (string) |
|   | ikon | időkép ikon url-je | (string) |
|   | idokod | időkép kódja (bővebben itt...) | (int) |
Az adatok felhasználásához pl. PHP-s XML parsert érdemes használni, vagy az XML dokumentumok megjelenítéséhez való szabványos XSL stíluslapot.
Példa
|
A példában az általunk készített X2HTrans PHP osztályt használtuk:
X2HTrans osztály letöltése (.zip)
Utoljára frissítve: 2009. március 10.
|
Az X2HTrans osztály működéséhez szükséges, hogy a PHP telepítés tartalmazza a következő modulokat:
|
$xt = new X2HTrans("http://koponyeg.hu/idojaras_rss.php?regios=2");
$xt->display("idojaras_rss.xsl");
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:koponyeg="http://koponyeg.hu/ns/rss/1.0">
<xsl:output method="html" encoding="windows-1250" indent="yes"/>
<xsl:template match="/">
<div>
<h2>köpönyeg.hu</h2>
<xsl:value-of select="/rss/channel/koponyeg:elhelyezkedes/@varos"/>,
<strong>most </strong>
<xsl:value-of select="/rss/channel/item/koponyeg:jelenido/@homerseklet"/> fok,
<xsl:value-of select="/rss/channel/item/koponyeg:jelenido/@idokep"/>
<hr />
<i><xsl:value-of select="/rss/channel/koponyeg:elhelyezkedes/@regio"/></i><br/>
<xsl:for-each select="/rss/channel/item/koponyeg:elorejelzes">
<xsl:if test="@nap='ma'">
<strong>mai</strong> előrejelzés:
min <xsl:value-of select="@min"/>,
max <xsl:value-of select="@max"/> fok,
<xsl:value-of select="@idokep"/>. <br/>
</xsl:if>
<xsl:if test="@nap='holnap'">
<strong>holnapi</strong> előrejelzés:
min <xsl:value-of select="@min"/>,
max <xsl:value-of select="@max"/> fok,
<xsl:value-of select="@idokep"/>. <br/>
</xsl:if>
</xsl:for-each>
<!-- a link, mint forrás megjelölése kötelező -->
<a href="http://koponyeg.hu">további időjárás</a>
</div>
</xsl:template>
</xsl:stylesheet>
Az eredmény:












Bug jelentés
Írjon nekünk!
RSS