これはブログです。

3DCGとかWebとかカメラとか

この記事は更新されてから1年以上経過しています。

2015/10/31

多言語切り替え

ロストテクノロジーになりそうなので、このブログに記載します。

やったこと

  • 切り替えボタンの『日本語』『English』(正確にはclass=jpSwitchとclass=enSwitch内の文字列)をクリックすると、該当するclassをshow、非該当classをhideします。
  • クッキーを使ってフラグを保持する(jquery-cookie.jsを導入)
  • クッキーのlangを見てNullであれば、デフォルトの言語(下記ソースコードでは日本語)を表示。
  • おまけとして、jpSwitch、enSwitchにcursorを合わせるとpointerになります(指のヤツ)

 

結論から言えば、jQuery で多言語切り替えを(魔)改造したものです。ただ、私の場合、3-1.言語情報をセッションに保持にクッキーを使ってます。ほかは同じです。

 

index.html

 

jquery-cookie.js
jQueryのプラグイン、cookieが簡単に扱える。下記よりDL可。

jquery-cookie – GitHub

 

changeLang.js

 

showLang.js

 

cursorChange.js(おまけ)

 

カテゴリ: プログラミング / タグ:

まだコメントはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

%d人のブロガーが「いいね」をつけました。