Yahoo’dan hava durumunu web sayfanızda göstermek jQuery ile artık çok kolay.

Öncelikle ilgili javascript ve css dosyalarını include ediyoruz. Include etmeniz gereken dosyaları buradan indirebilirsiniz.

<link href=”jquery.zweatherfeed.css” rel=”stylesheet” type=”text/css” />

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js” type=”text/javascript”></script>

<script src=”jquery.zweatherfeed.min.js” type=”text/javascript”></script>

Sonrasında body tagının arasına aşağıdaki kodu yazıyoruz:

<script type=”text/javascript”>

$(document).ready(function () {

$(‘#test’).weatherfeed([‘TUXX0014’]);

});

</script>

<div id=”test”></div>

Bu kod içinde bulunan TUXX0014 hava durumunu göstereceğimiz şehri belirtmekte. Bu kodu başka bir şehrin koduyla değiştirerek kolaylıkla başka bir şehrin hava durumunu çekebilirsiniz. Başka bir şehrin kodunu bulmak için yahoo weather sayfasını kullanabilirsiniz.