Plugin jQuery pentru vreme


Era vremea şi pentru un plugin jQuery pentru vreme, nu? Vă invit să cunoaştem pluginul simpleWeather, care merge în combinaţie cu celebra bibliotecă jQuery. Nu spun că e perfect dar e totuşi relativ simplu de folosit şi va da ce rezultate se pricepe să dea Yahoo! Weather. Dacă aţi deschis deja situl aţi văzut că sunt nişte coduri demonstrative şi o documentaţie care poate fi un punct bun de plecare, dar tot va rămâne studiu personal mai ales dacă doriţi să afişaţi în limba română informaţiile (ele vor veni în engleză de la Yahoo! Weather, gen Partly Cloudy).

imagine

Ca ajutor vă dau mai jos un cod testat de mine, care poate fi văzut în acţiune aici, ca pagină separată, sau inclus sub cod cu iframe. Succes!

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>Test vreme</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script src="jquery.simpleWeather-2.0.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$.simpleWeather({
    location: 'cluj-napoca, romania',
    unit: 'c',
    success: function(weather) {
                html = '<p><strong>Acum sunt</strong>: '+weather.temp+'&deg; '+weather.units.temp+'<br>';
                html += '<strong>Minima astăzi</strong>: '+weather.low+'&deg; '+weather.units.temp+'<br>';
                html += '<strong>Maxima astăzi</strong>: '+weather.high+'&deg; '+weather.units.temp+'<br>';
                html += '<strong>Umiditate</strong>: '+weather.humidity+'<br>';
                html += '<strong>Presiunea atmosferică</strong>: '+weather.pressure+'<br>';
                html += '<strong>Răsăritul soarelui</strong>: '+weather.sunrise+'<br>';
                html += '<strong>Apusul soarelui</strong>: '+weather.sunset+'<br>';
                html += '<img src="'+weather.image+'"><br>';
                html += '<strong>Minima mâine</strong>: '+weather.tomorrow.low+'&deg; '+weather.units.temp+'<br>';
                html += '<strong>Maxima mâine</strong>: '+weather.tomorrow.high+'&deg; '+weather.units.temp+'<br>';
                html += '<img src="'+weather.tomorrow.image+'"><br>';
                html += '<a href="'+weather.link+'">date preluate de la Yahoo! Weather</a></p>';
                $("#weather").html(html);
        },
        error: function(error) {
                $("#weather").html("<p>"+error+"</p>");
        }
});
</script>
<div id="weather"></div>
</body>
</html>

Şi acum în acţiune, pentru Cluj-Napoca aşa cum v-aţi dat seama din codul de mai sus:


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (3 evaluări, media: 5,00 din 5)
Loading...Loading...

1 comentariu

  1. IT BMP spune:

    Poate fi folosit de exemplu cu functia load()? Vreau ca fisierul sa il transform in php (ex.: vreme.php) iar cand o sa fie accesat un link sa execute load(‘vreme.php?judet=Cluj’)


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *