2006年09月29日

知恵の結集! 質問サイトの検索窓を自サイトへ設置する方法

自分の知りたい問題に他人が答えてくれるナレッジサービの過去ログを検索するフォームを自サイトへ設置する方法

「質問サイトの利用状況」に関する調査結果 にもあるように質問サイトはわからない事を調べる為のツールとしてよく利用されています。
質問サイトの中でも歴史も古く多くの過去ログが蓄積されているのが OKWave教えて!gooExcite質問広場 等ポータルサイトのコンテンツとして活用されており、元のデータベースは共用されています。

ここでは”Excite質問広場”を利用した検索窓を自サイトに設置する方法に付いて述べます。

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

上記検索窓のソースは下記のようになります。

<form action="http://question.excite.co.jp/search.php3" method="post">
<input name="dummy" type="hidden" value="メール" />
<input name="kw" value="" class="adjust" maxlength="40" />

<select name="stage_id">
<option value="0">すべてのカテゴリー</option>
<option value="207">コンピュータ [家庭向け]</option>
<option value="205">コンピュータ [技術者向け]</option>
<option value="206">ビジネス&キャリア</option>
<option value="208">社会</option>
<option value="209">エンターテイメント</option>
<option value="210">教育</option>
<option value="211">美容&健康</option>
<option value="212">趣味</option>
<option value="213">マネー</option>
<option value="214">ライフ</option>
</select>

<input name="submit_search" type="submit" value="検索する" />
</form>

”Excite質問広場”の文字コードの基本は Shift_JIS が採用されていますが、他の文字コードも受け付けて変換してくれるようですので大抵の場合はこのソースを貼り付ければ上手く検索できるのでは無いかと思われます。


どうしても文字化けしたりで使えない場合は 複数の文字コードをformからCGIへ送信する方法 で書いた JavaScript を利用する方法を使います。

JavaScript を利用した検索窓。

上記検索窓の 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_searchF" action="http://question.excite.co.jp/search.php3" method="post" onSubmit="return false;" accept-charset="Shift_JIS">
<input name="dummy" type="hidden" value="メール" />
<input name="kw" value="" class="adjust" maxlength="40" />

<select name="stage_id">
<option value="0">すべてのカテゴリー</option>
<option value="207">コンピュータ [家庭向け]</option>
<option value="205">コンピュータ [技術者向け]</option>
<option value="206">ビジネス&キャリア</option>
<option value="208">社会</option>
<option value="209">エンターテイメント</option>
<option value="210">教育</option>
<option value="211">美容&健康</option>
<option value="212">趣味</option>
<option value="213">マネー</option>
<option value="214">ライフ</option>
</select>

<input name="submit_search" type="submit" value="検索する" onClick="trans(f_searchF);" />
</form>

各種検索窓設置方法

posted by Nea at 12:12 | Comment(0) | 検索窓設置方法
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: