[Tips] UTF-8以外の文字コードを送信する必要のある検索窓をUTF-8環境で使う方法

☆

最近、「楽天市場」の検索窓を設置したのですが、Google の検索窓設置のときと同様、文字化け問題が発生していました。Google の場合は、submit 時に Google へ送信する文字列(引数)に &ie=UTF-8 を付加するという方法で、解決できたのですが、「楽天」には、文字コードを指定できる引数が用意されていません。

では、どうやって解決するか? 「複数の文字コードをformからCGIへ送信する方法」に、そのヒント(というか解決法そのもの)がありました。

Netscape など <form> が accept-charset="エンコード種別" をサポートしているブラウザの場合は、 accept-charset="エンコード種別" を指定するだけで解決するのですが、Internet Expolorer の場合は、 悲しいことに accept-charset="エンコード種別" をサポートしていません。

解決法は、実に大胆なものです。こんな方法があったとは!?

IEでの解決策
実はとても簡単な方法で解決する事が出来たのですが、思いつくまでにはかなりの時間がかかってしまいました。 IEでの解決方法はサブミットの瞬間だけページ全体の charset の指定を入れ替えると言う方法です。
(下線は当方で付加)

ということで、ココログ(UTF-8環境)で使える「楽天市場」の検索窓ができました。参考にしたい人がいるかもしれませんので、コードを示しておきます。 アフィリエイトIDの部分は各自で書き換えて使ってください。
もちろん、accept-charset="エンコード種別" をサポートしているブラウザでも、使えるようになっています。

<form name="rakutenSubmit" method="get" action="http://pt.afl.rakuten.co.jp/c/00085c08.6d2598c1/" onsubmit="return false;" accept-charset="euc-jp"> <input type="hidden" name="sv" value="2" /> <input type="hidden" name="p" value="0" /> <table width="150" border="0" cellspacing="0" cellpadding="1" bgcolor="#bf0000"> <tr><td align="center"> <table cellspacing="0" cellpadding="3" border="0" width="100%" bgcolor="#FFFFFF"> <tr><td bgcolor="#bf0000" align="center"> <strong><font size="2" color="#FFFFFF">楽天で探す</font></strong> </td></tr> <tr bgcolor="#fffcdd"><td nowrap="nowrap" align="center"> <input type="text" size="14" name="sitem" value="" /> </td></tr> <tr bgcolor="#fffcdd"><td align="center"> <input type="button" value="商品検索" onclick="document.charset='euc-jp'; document.rakutenSubmit.submit(); document.charset='UTF-8';" /> </td></tr> <tr><td nowrap="nowrap" align="center"> <img src="https://image.rakuten.co.jp/com/img/logo/base/w080.gif" width="80" height="36" border="0" alt="楽天市場" /> </td></tr> </table> </td></tr> </table> <img src="http://ba.afl.rakuten.co.jp/b/00085c08.6d2598c1" width="1" height="1" border="0" alt="楽天市場" /> </form>

この方法は、ココログルの検索窓が文字化けする件への解決策としても応用できると思います。 試してみてください。

関連リンク: ココログル検索窓☆ＩＥ版苦肉の策ｗ

ＩＥ対応のココログル検索窓、他に方法はきっとあると思うので後日また検討してみます（＾＾；

その後、どうなりましたでしょうか? もし、まだ解決してないようでしたら、参考にしてくださいませ。