JavaScriptの質問です。

Question

icta

46

45もっと見る

800pt

ウェブ制作

JavaScriptの質問です。

▼以下のページは国旗（英/スペイン/日本）の画像をクリックすると、Google翻訳を使って閲覧中のページが国旗の言語に自動翻訳されるコードです。
http://cherenkov.hp.infoseek.co.jp/tmp/sample/translate2.shtml
日本の国旗をクリックすると元のページに戻ります。
Firefox,Safariでは期待通りの動作をするのですが、IE6～8は、日本の国旗をクリックするとURLの末尾に「undefined」の文字列が自動的に追加され、404エラーとなってしまいます。
IE6～IE8でもFirefox等と同じように「undefined」を追加させない方法は何かありませんでしょうか？
お知恵をお借りできれば幸いです。
なおこの質問は▼こちらの質問の派生質問です。詳細コードはこちらをご覧になってみてください。
http://q.hatena.ne.jp/1267371986

回答の条件

1人3回まで

登録：2010/04/20 12:15:20
終了：2010/04/20 22:39:54

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

No.1

GreenStar192462010/04/20 14:30:43

300pt

translator.js の下から２行目にある baseURI の部分を location.toString() に代えてください。

ご回答ありがとうございます。

早速試してみたのですが、私の環境ではうまく動作しないようです。

別件ですが、http://q.hatena.ne.jp/1271446360でご回答いただいたときにポイントを付けることができませんのでしたのでこちらからポイントを付けさせていただきます。ありがとうございました。

2010/04/20 22:35:38

No.2

hanako3931142872010/04/20 19:22:39

Javascriptの変数のどれかが、undefinedでなってます。

それを修正すべきです。

ご回答ありがとうございます。

残念ながら変数の問題ではなかったようです。詳しくはコメント欄をご確認ください。

2010/04/20 22:37:09

GreenStar 2010/04/20 12:42:34

前回に引き続き間接回答拒否のままですね。
コメント欄だと評価も付かないのでさびしいです。

今回はヒントだけにしておきます。
window.document.baseURI
baseURI は IE系では使えません。変わりに・・・を使います。
icta 2010/04/20 13:02:16

GreenStarさん、回答ありがとうございます。
よくわからないのですが「間接回答拒否」とは何でしょうか？
特に何もしていないはずなのですが・・・
何か質問のときに選択に誤りがあるようでしたら修正しますので方法を教えていただけませんでしょうか？
よろしくお願いいたします。
icta 2010/04/20 13:07:29

GreenStarさん、質問をもう一度最初から試したみたのですが、▼「12歳以下のユーザーからの回答を受け付けない」にチェックがデフォルトで入っていました。これを外して質問すれば回答できるようになりますか？
●回答者制限回答者制限について
回答者1人につき○件まで回答を受け付ける
12歳以下のユーザーからの回答を受け付けない
emily2nd 2010/04/20 13:32:08

＞ictaさん
回答拒否されているのは、日頃の行いが悪いからです。無視した方が良いですよ。
emily2nd 2010/04/20 14:05:16

>emily3315　emily3845　emily2ndのように複数のアカウントを用いて他者に対して嫌がらせを行う者がおり

事実無根の誹謗中傷です。通報しました。
icta 2010/04/20 14:09:11

GreenStarさん、教えていただいたURLをクリックしてみると▼以下のようになっておりました。
●他ユーザーの設定による回答拒否
他ユーザーの設定による回答拒否「1ヶ月以内に10名以上から回答拒否されているユーザーの回答を拒否する。」
「～20名以上から～」が設定できる最大値のようなのでこちらに変更し直しました。
教えていただきありがとうございました。
GreenStar 2010/04/20 14:33:28

早速回答させていただきました。

お手数おかけしたわりに、非常にあっさりした回答で申し訳ないのですが、簡潔に表しました。
コメントをにぎわせてしまった事、非常に申し訳なく思っております。
Cherenkov 2010/04/20 15:21:15

前回の回答のテスト不足申し訳ございません。
「変わりに・・・」がわからないのでコメント欄に。
var orgAdrs = decodeURIComponent(window.document.baseURI);
の部分を、
var orgAdrs = /&u=(.+)&rurl=/.exec(location);
orgAdrs = orgAdrs ? decodeURIComponent(orgAdrs[1]) : decodeURIComponent(location);
とすればIEでも正しく動作すると思います。
Cherenkov 2010/04/20 16:16:26

回答1は間違っています。
Cherenkov 2010/04/20 17:27:08

>GreenStarさん
嫌味ではなくこの方法を提案した者の責任として見届けたかっただけです。お気を悪くされたのなら申し訳ないです。

iframeの中の翻訳される前のURLを取得するためにbaseURIを使いました。
location.toString()では解決しません。
icta 2010/04/20 17:27:43

GreenStarさん、ご回答ありがとうございます。
早速試してみたのですが、私の環境ではうまく動作ないようです。
英国旗で英訳したあと、日本国旗をクリックしても原文ページにはもどらず、英訳ページから遷移しません。
なお検証はIETesterを使ってIE6～8で確認してみました。

Cherenkovさん、ご無沙汰しております。その節は大変お世話になりました。
早速教えていただいたコードに変更しました。
その結果、１)の場合はうまくいくのですが、2)の場合は「デコードするURIは有効なエンコーダではありません。」という新たなエラーが出てしまいます。このエラーはURLエンコードを含むページに移動するときに表示されます。
1)URLが英数字だけのもの
2)URLに%83e%83X%83gのようなURLエンコードを含むもの

何かよい解決策はないものでしょうか？お手すきのときに検証いただければ幸いです。
hatake-kakasi 2010/04/20 17:58:30

さんざん大騒ぎをしたあげく、ウソの回答とは、いやはや・・・
Cherenkov 2010/04/20 18:23:16

うーん。。
decodeURIComponentをunescapeに替えるだけじゃ直りませんよね？
実際にエラーがでるページを用意して頂ければ分かる人が答えてくれるかもしれません。
Cherenkov 2010/04/20 18:28:55

<head>に
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
を入れるとどうかな。。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1436494069
icta 2010/04/20 19:59:42

Cherenkovさん、ご回答ありがとうございます。

＞decodeURIComponentをunescapeに替えるだけじゃ直りませんよね？

早速試してみました。
IE7とIE8は「英」⇔「日」可能になりました。
IE6は「英」をクリックすると「終了していない文字列型の定数です」というエラーが表示されます。
このエラーは簡単に直せるものでしょうか？

あと1点気になる点があります。
オリジナルページの状態で、「日」クリックをすると2)の場合にのみ「%83e%83X%83g」が「□□□s」のように変換されてしまいます。オリジナルページで「日」がクリックされた場合、何もしないというようにすることはできないでしょうか？
1)URLが英数字だけのもの
2)URLに%83e%83X%83gのようなURLエンコードを含むもの

＞エラーがでるページを用意して頂ければ分かる人が答えてくれるかもしれません

これができれば良いのですが、使用しているプログラムを公開することが残念ながらできないのです。
本当に申し訳ないです。

＞<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">を入れるとどうかな。。

これで思い出したのですが、Google翻訳には以下のような文字コードのパラメーターがありました。
「&ie=UTF-8　文字コード」
UTF-8、Shift_JIS、sjisで試したのですが結果は同じでした。
サイトの文字コードをすべてUTF-8にすれば解決すると思うのですが、残念ながら現状のShift_JISを変更することができない状態です。

もし何か他にお気づきになりましたらお時間あるときにでも教えていただければ幸いです。
Cherenkov 2010/04/20 20:59:39

>オリジナルページで「日」がクリックされた場合、何もしない
var orgAdrs = /&u=(.+)&rurl=/.exec(location);
orgAdrs = orgAdrs ? unescape(orgAdrs[1]) : "#";
または、
orgAdrs = orgAdrs ? unescape(orgAdrs[1]) : "javascript:void(0);";
でどうでしょうか。

やはり最初に言った通り、例外的な使い方は止めたほうが・・・。

オフトピですがjQueryのプラグインでGoogle Ajax Language APIを使ってiframeを使わずダイナミックに翻訳できるものを見つけました。
http://charlesmarshall.co.uk/jquery/2010/01/24/jquery-translator.html
あとIE6はあの世へ旅立たれたのでそっとしておくのがいいかもしれません。
http://www.itmedia.co.jp/news/articles/1003/08/news030.html
icta 2010/04/20 21:48:09

Cherenkovさん、ご回答ありがとうございます。
教えていただいたコードで完全に希望通りの動作を確認できました。
またjQueryのプラグインもなかなか良さそうですね。
ただ軽さと設置の容易さでは今回のコードに軍配を上げたいと思います。

IE6氏がすでにお亡くなりになっていたとは知りませんでした。
氏の残した功績を忘れることはありませんが、これで新しい世代が活躍できる機会が拡がりそうですね。
本当にいろいろお世話になりました。

もし差し支えなければポイントを付けて終了したいと思います。
簡単なもので結構ですので回答をご入力いただければ幸いです。
どうもと 2010/04/20 23:00:12

IE6は森繁のように生き続けてるよ(￣ー￣)。

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2010-04-20T22:10:18+09:00

前回の回答にある translator.js を以下のように書き換える。

// Google翻訳のページから抜ける。
var orgAdrs = /&u=(.+)&rurl=/.exec(location);   // <- 変更
orgAdrs = orgAdrs ? unescape(orgAdrs[1]) : "#"; // <- 追加
document.write('<a href="' + orgAdrs + '" target="_top"><img src="./ja.png" style="border:0;" alt="日本語のページに戻る"></a> ');

Cherenkov · Accepted Answer · 2010-04-20T22:10:18+09:00

前回の回答にある translator.js を以下のように書き換える。

// Google翻訳のページから抜ける。
var orgAdrs = /&u=(.+)&rurl=/.exec(location);   // <- 変更
orgAdrs = orgAdrs ? unescape(orgAdrs[1]) : "#"; // <- 追加
document.write('<a href="' + orgAdrs + '" target="_top"><img src="./ja.png" style="border:0;" alt="日本語のページに戻る"></a> ');

JavaScriptの質問です。

ベストアンサー

Cherenkov15044932010/04/20 22:10:18

その他の回答（2件）

GreenStar192462010/04/20 14:30:43

hanako3931142872010/04/20 19:22:39

Cherenkov15044932010/04/20 22:10:18ここでベストアンサー

コメント（18件)

この質問への反応（ブックマークコメント）