ホームページ製作において言語切り替え機能を実装（Javascript）

Question

ホームページ製作において、Javascriptを用いて言語切り替え機能（韓国語）を実装したいと思っています。現在は、構築したフォルダごとコピーして別名で保存。その中のファイルを韓国語に置き換えています。

元のフォルダのindex.phpでclickアクション ＋ URLをいじるアクション（history.replaceState()、history.pushState()など）を用いて

oo.com/index.php -> oo.com/ko/index.php

のような感じで誘導したいのですが良い案が浮かびません。

上記のような形で別ページに移動させaタグで移動しても oo.com/ko/ を
キープさせたいのですが何か良い案はありますでしょうか？

※伝わらなければ補足致します。宜しくお願い致します。

Answer 1

<a href="/ja/index.php">トップページ</a>

上記のようなHTMLを一括して置換するイメージでいると思われますが、それはサーバ側で制御するのが良いと思います。

http://example.com/ja/index.php
http://example.com/en/index.php

上記URLを下記URLに置換(mod_rewrite)。

• mod_rewrite - Google 検索

http://example.com/index.php?lang=ja
http://example.com/index.php?lang=en

index.php 内で言語パラメータを拾ってHTML出力する。

echo '/'.$lang.'/index.php';

JavaScript で動的にURIを書き換えるなら、

location.href = '/' + 'ja' + location.pathname.replace(/^[^\u002F]+/, '') + location.search + location.hash;

Re: KotaWatanabe33 さん

Comments

[taWa3]

遅れてしまい申し訳ありません。詳しく説明して下さり感謝いたします。

Answer 2

下記記事はスマートフォンについてですが、cookieで振り分けて別のパスにリライトするという部分は使えるような気がします。

【.htaccess(mod_rewrite)でスマートフォン向けページへリダイレクトさせる方法 | Another Sky】
https://www.anothersky.pw/skyward/archives/000094.html

Comments

[taWa3]

参考になりました。ありがとうございました。

Answer 3

元ページは
oo.com/en/index.phpとかoo.com/ja/index.phpではないのでしょうか？
深く考えずに韓国語や日本語への切り替え用のアイコンを表示して
リンクを張っておけばよいのでは？

Comments

[taWa3]

お陰様で、こちらの件解決致しました。ありがとうございました。