Stavi trenutni vodostaj bilo koje mjerne postaje na svoju stranicu. Odaberi državu, rijeku i postaju, označi što želiš prikazati, kopiraj kod i zalijepi ga u svoj web. Widget se osvježava sam, ne treba ga održavati, i besplatan je.
Kako će izgledati
Kod za tvoju stranicu
Kako se ugrađuje
Kopirani kod zalijepi na mjesto gdje želiš da se widget pojavi. U WordPressu je to blok Custom HTML, u Wixu i Squarespaceu element za ugradnju koda, a na običnoj stranici jednostavno unutar HTML-a.
Kod se sastoji od dva dijela. Prvi je sam widget, s imenom postaje i linkom, i on radi i kad je JavaScript isključen. Drugi je redak sa skriptom koja upisuje trenutnu brojku. Skriptu je dovoljno uključiti jednom po stranici, pa ako stavljaš više widgetā, taj redak možeš ostaviti samo kod prvog.
Odakle dolaze podaci
Za Hrvatsku mjerenja objavljuje Državni hidrometeorološki zavod, a pragove obrane od poplave Hrvatske vode. Za Bosnu i Hercegovinu podatke preuzimamo od Sava HIS-a, sustava Međunarodne komisije za sliv rijeke Save, za Srbiju od Republičkog hidrometeorološkog zavoda Srbije, a za Sloveniju od Agencije Republike Slovenije za okolje.
Vrijednosti se osvježavaju svakih 30 minuta. Widget dohvaća podatak izravno, pa prikazuje isto stanje kao i stranica postaje.
Uvjeti korištenja
Widget je besplatan za osobne i komercijalne stranice. Jedini uvjet je da link na vodostaj.com ostane vidljiv i bez oznake nofollow, jer je to jedino što za ovo tražimo zauzvrat.
Podaci se objavljuju informativno. Za službene obavijesti o obrani od poplave mjerodavna su nadležna tijela, u Hrvatskoj Hrvatske vode i Državni hidrometeorološki zavod.
Česta pitanja
Usporava li widget moju stranicu?
Ne. Skripta je manja od 5 KB, učitava se asinkrono i ne blokira prikaz stranice. Ako na istoj stranici imaš više widgetā iste postaje, podatak se dohvaća samo jednom.
Što ako podaci nisu dostupni?
Widget ostaje na stranici s onim što je u kodu, dakle imenom postaje i linkom. Ništa se ne ruši i ne pojavljuje se poruka o grešci.
Mogu li promijeniti izgled?
Možeš. Widget koristi klase s prefiksom vd-w-, pa ga svojim CSS-om oblikuješ kako želiš. Ponuđene su svijetla i tamna varijanta kao polazište.
Mogu li staviti više postaja?
Da. Generiraj kod za svaku postaju posebno i zalijepi ih jedan za drugim. Redak sa skriptom treba samo jednom.
Mijenja li se kod kad dodate nove postaje?
Ne. Kod koji si jednom zalijepio nastavlja raditi. Ako želiš drugu postaju, generiraj novi kod.