2006年09月25日

エキサイト翻訳の検索窓を設置する方法

ポータルサイト Excite が提供する日本で最も歴史のある 日英・英日翻訳の検索窓を設置する方法

エキサイト翻訳 では英語の他中国語や韓国語などが日本語を中心として翻訳できます。
ここでは日英・英日付いて説明しますが他の言語でも要領は大体同じで、対象ページのソースコードを表示させて <form> </form> 間をを抜き出し編集すれば良いのです。

エキサイト翻訳の標準文字コードは Shift_JIS が採用されており他の文字コードを送信する事はで来ません。
利用する自分のページの文字コードに下記の様なメタタグが記述してあれば実際の文字コードも Shift_JIS が採用されていると思われます。

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

もし利用するページの文字コードが Shift_JIS であれば下記のタグを利用できます。

<form action="http://www.excite.co.jp/world/english/" method="post">
<textarea cols="36" rows="15" name="before" wrap="virtual" style="width:320px;"></textarea>
<br />
<select name="wb_lp" size="2">
<option value="ENJA" selected>英→日</option>
<option value="JAEN">日→英</option>
</select>
<br />
<input type="submit" name="start" value="翻 訳" />
</form>

上記タグのサンプル





利用するページの文字コードが Shift_JIS 以外の場合は グーグル翻訳を自分のサイトに設置する方法 と同様に JavaScript を利用して送信する必要があります。
この場合翻訳結果を同一ページに表示させる事は出来ません。
この方法の詳細については 複数の文字コードをformからCGIへ送信する方法 を参照してください。

基本形は下記のようになります。




上 JavaScript のソース

<script language="JavaScript" type="text/javascript">
function trans(fo) {
org=document.charset;
document.charset='Shift_JIS';
swin=window.open("","swin","");
fo.target="swin";
fo.submit();
swin.focus();
document.charset=org;
}
</script>

フォームのソース

<form name="f_tx" action="http://www.excite.co.jp/world/english/" method="post" onSubmit="return false;" accept-charset="Shift_JIS">
<textarea cols="36" rows="15" name="before" wrap="virtual" style="width:320px;"></textarea>
<br />
<select name="wb_lp" size="2">
<option value="ENJA" selected>英→日</option>
<option value="JAEN">日→英</option>
</select>
<br />
<input type="submit" name="start" value="翻 訳" onClick="trans(f_tx);" />
</form>

URL翻訳の場合は実際の所、日本語の URL を送信する事は滅多に無いと思われますので下記のソースのままでよいかと思われます。
どうしても日本語の URL を扱いたい場合はグーグル翻訳を自分のサイトに設置する方法 を参考にして変更してください。



上記URL翻訳タグのサンプル

<form action="http://www.excite.co.jp/world/english/web/" method="post" target="_blank">
<input type="text" name="wb_url" value="http://" size="70" />
<input type="submit" name="wb_submit" value="URL翻訳" />
<br />
<input type="radio" name="wb_lp" id="enja" value="ENJA" checked /><label for="enja">英→日</label>
<input type="radio" name="wb_lp" id="jaen" value="JAEN" /><label for="jaen">日→英</label>
<select name="wb_dis">
<option value="2" selected>訳文のみ表示</option>
<option value="3">訳文と原文を表示</option>
</select>
</form>

各種検索窓設置方法

posted by Nea at 21:35 | 検索窓設置方法