Home 主頁 Service 服務計畫 Android App 手機程式 Expertise 專業領域 Blog 博客 Download 下載 FAQ 網頁製作常見問題 Support 支援 Links 友情連結 Contact Us 聯絡我們

jquery plugin - MyGoogleWeather

發佈: 09-29-2011

分類: Open Source jquery plugins 開源插件

這plugin可以幫助你在網頁上加入最新的天氣,所有天氣的資料皆由Google提供。只要Google有這城市的天氣資訊,你便可以加入這城市的天氣。有些網站會提供一些widget,你可以直接使用,但是一般也不可以自定外觀。現在,我們可以依靠google提供的xml來制定我們的天氣plugin。我們可以利用template把天氣資料如溫度,天氣情況,地點等加到網頁。

由於我們依靠外邊的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}
" });
訪客: Copyright ©2011 KF Software House 版權所有 | 網站地圖