js 網頁開發

jQuery教學-依讀者來源自動切換網頁語系

梅干 2009/07/09

梅問題-jQuery教學-依讀者來源自動切換語系

  最近好友維克腦吳,突然問梅干,有沒有辦法讓網頁依讀者的所在地,自動的切換網頁語系,不用讓讀者自已手動切換,原本以為這東西應該不難,於是就上網找了一些資料,發現到我的媽呀~幾乎都是將ip存到資料庫,再抓取讀者ip,並且作比對目前讀者,所處的地方再作切換,光看到梅干心都涼了一半。

  於是只好請教男丁老師,看有沒有比較簡單的方式,哈~真不虧是老師級,馬上就寫了一小隻小範例,來斷判讀者來源,其實這有點偷吃步,主要是抓讀者的瀏覽器來作判斷,其實這也沒錯,當你是繁體瀏覽器時,應該最熟悉語言就是繁中,所以梅干就用這範例作點加工,再搭配load事件,依讀者來源,自動載入該語系的html檔,所以這邊你必需先作好二份語系的html檔,當然此方法不限於只用於簡中與繁中,要多國語系也是ok的,那接下來就看梅干耍猴戲啦!


放在<head>…..</head>之間:
<script type=“text/javascript” src=“http://code.jquery.com/jquery-latest.pack.js"></script>
<script type=“text/javascript”>
<!–
$(function(){
    var lang = window.navigator.userLanguage || window.navigator.language ;
var relang=lang.toLowerCase(); switch (relang){ case “zh-cn”: $(“#tbody”).load(“minwt_zh-cn.html”); break;
    case "zh-tw":
    $("#tbody").load("minwt_zh-tw.html");
    break;

            default:
    $("#tbody").load("minwt_zh-tw.html");
}           

}); //–> </script>


放在<body>…..</body>之間:
<div id=“tbody”></div>

都放置好後,記得再分別作二頁html,一頁為繁體中文,另一頁為簡體中文,之後開啟這程式時,就會依讀者所使用的語系自動切換啦!真的很好玩也很簡單喔!
[範例下載] [範例預覽]

※範例解壓密碼:minwt.com