Feedback & Discuss
ブラウザーの言語で飛ぶ

無料 アクセス解析
RMT


サイトに複数言語で対応した場合、ユーザのブラウザの言語によって、相応言語のページを見せたいことを紹介します。
このサイトはブラウザの言語によって、対応しています。

ソースは下記です。言語コードと対応ページ、titleにサイト名(www.uuware.com)の修正は必要です。
ソースの使うに、先ず対応するサイトの現実の言語コードと対応ページを定義します。 サイトにブラウザの言語を対応するページがない場合もあるので、その場合、先にlangurlに提起します。

ユーザのブラウザがJavaScriptを無効している場合もいますので、そのため、ページに言語を選択できるリンクを用意しました。

テストリンク:こちら
(効果を見る(実行)に、リンクをクリックしてください。 リンクのファイルを保存したい場合、リンクを右クリックで「対象をファイルに保存」(Firefoxの場合、名前を付けでリンク先を保存)を選択してください。)

ブラウザがJavaScriptを無効場合の対応(表示例)

ブラウザーの言語に応じで相応ページに飛び出す(全部のソース)

<html>
<head>
  <title>www.uuware.com - Loading...</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

<body>
<div align="center">
<font size="4"><a href="index.htm">Loading...</a></font><br>
<hr>
<font size="4"><a href="index.htm">Japanese</a>
<a href="index_en.htm">English</a>
<a href="index_cn.htm">Chinese</a></font>
</div>
<script type="text/javascript">
//このページはフレームの中じゃない場合
//(重要:google、yahooなどオンラインHTMLエディターがあった場合、これは必要です)
if(window.document == parent.document)
{
  //言語コードの詳細はこちら:http://www.w3.org/WAI/ER/IG/ert/iso639.htm
  var langcodes=new Array("en", "ja", "zh");
  var langurls=new Array("index_en.htm", "index.htm", "index_cn.htm");

 //ユーザのブラウザーの相応言語ページがない場合、このページに飛ぶ
 var langurl='index_en.htm';
 var langinfo=navigator.language? navigator.language : navigator.userLanguage
 for(i=0;i<langcodes.length-1;i++){
  if(langinfo.substr(0,2)==langcodes[i]){
   langurl=langurls[i];
   break;
  }
 }

 if(window.location.replace)
  window.location.replace(langurl);
 else
  window.location=langurl;
}
</script>
</body>
</html>