人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

[ウェブ制作で、URLに文字列を追加してリンクさせる方法]

Adobe Dreamweaver CS4を使ってウェブ制作をしています。

同じ内容のページを、日本語と英語でそれぞれ作っています。画面の上部に、テンプレートで、言語に応じた国旗を表示しているのですが、この国旗をクリックすると、現在閲覧中の内容の、他の言語のページに飛ばすようにしたいです。

たとえば、「こんにちは。」と書かれた、
html://example.com/hello_jp.html
を閲覧しているときに、画面上部のイギリス国旗の画像をクリックすると、「Hello.」と書かれた
html://example.com/hello_en.html
に飛ばすようにしたいのです。

同じく、
http://example.com/aaaa_jp.html
を閲覧中に、イギリス国旗をクリックすると、
http://example.com/aaaa_en.html
と言う風に、"_jp" とか "_en" などの書式は決まっています。

テンプレートなしに作るのであれば、単純にリンクを当該URLに設定すればよいだけの話ですが、他言語に飛ばすリンクはテンプレート上にあるので、いじれないのです。そこで、何らかの方式で、その多言語に飛ばすリンクを、動的に変化させたいのです。

方法はないでしょうか?

●質問者: webproduct
●カテゴリ:インターネット ウェブ制作
✍キーワード:Adobe CS4 Dreamweaver example.com Hello
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● webees
●35ポイント

PHPを使う。

hoge.php?lang=en

hoge.php?lang=jp

セッションを有効にしてlangの内容をセッションで保持すればパラメータを明示しなくてもよくなる。


2 ● pntswrks
●35ポイント

javascriptで実装してしまうのが一番手っ取り早いのではないでしょうか?

ケースとして、

--------------

1、日・英しかない

2、必ずリンクURLの最後「.html」の前に「_jp」と「_en」が付くだけ(「hoge_jp_hage.html」などのケースはない)

--------------

というのであれば、

イギリスの国旗をクリックしたら、リンクのhref属性の最後「_jp.html」を「_en.html」に正規表現でreplaceする、といった感じにすれば良いのではないでしょうか?

◎質問者からの返答

なるほど。しかし、私にはJavaScriptの知識はありません…。

それから、英語だけでなく、他の言語のページも作るつもりでおります。

ずうずうしいですが、具体的なコードを書いていただけませんか? 回答回数を増やしておきますので。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ