jquery plugin - MyGoogleWeather

由於我們依靠外邊的xml文件，而ajax的跨網域呼叫(cross domain ajax call)是禁止的，因此我們要加入一個簡單的代理頁面（proxy），你可以以php或asp等不同的方式，直接讀取外部xml文件，然後直接輸出，使外來資料變成本地資料。

在顯示天氣的同時，我們也希望顯示時間。我們將利用以前已發佈的MyDigitClock plugin把時間輸出頁面。

Download: jquery.MyGoogleWeather.js

Demo: MyGoogleWeather

License: MIT License

作者: KF Software House

PHP Proxy Code:

//PHP PROXY SCRIPT
$xml = file_get_contents("http://www.google.com/ig/api?weather=Hong+Kong");
echo $xml;

Html Code:

jQuery Code:

//weather
$("#weatherDiv").MyGoogleWeather({
  Location:"Hong Kong",
  GoogleFontFamily: "Aldrich",
  bCelsius:true, 
  template: "
{location}
{condition}
{icon} 
{temp} 
"
});