テキストエリアからボタンによって送り先を変えるには？

解決済

質問者：takahito
質問日時：2002/02/22 10:26
回答数：2件

こんにちは。

ひとつのテキストエリアから、ボタンの違いによって送り先を変更することは可能なのでしょうか？

具体的にやりたいことは、「検索デスク」と言うサイトのように、入力フォームは同一でもボタンの違いによって送り先が変わっています。
やりたいことは「検索デスク」さんと同一なのですが、ソースを拝見しても良くわかりませんでした。

大手のサーチエンジンの検索窓を羅列することはできるのですが、もう少しスマートにしたいです。(^^ゞ

わたしのスキルは質問ID195803のとおり、JavaScriptを良く理解していないようです。

よろしくおねがいします。<(__)>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： leaz024
回答日時：2002/02/22 15:42

検索に必要なフォームの内容は、検索サイトごとに異なります。

ですので、検索サイトごとにフォームを用意して、押されたボタンによって使うフォームを切り替えるとよいでしょう。
必要なフォームの内容は、検索サイトごとに用意されていますので、それを利用します。（参考URLを参照）
ただし、そのままでは検索窓などが表示されてしまうので、type を hidden にして下さい。（スタイルシートの display:none を使うと、NNで動作しないようです。）
下記に、IE5.5 / NN4.7 / NN6.2 動作確認済みのソースを記載します。

■HEAD内
<SCRIPT language="JavaScript"></SCRIPT>

■BODY内

　<FORM>
　　<INPUT type="text" name="word">
　　<INPUT type="button" name="google" value="Google 検索" onClick="search(this)">
　　<INPUT type="button" name="yahoo" value="Yahoo! 検索" onClick="search(this)">
　</FORM>

　<FORM name="google" action="http://www.google.com/search" target="_blank">
　　<INPUT type="hidden" name="alias" value="q">
　　<INPUT type="hidden" name="q" value="">
　　<INPUT type="hidden" name="hl" value="ja">
　</FORM>

　<FORM name="yahoo" action="http://search.yahoo.co.jp/bin/search" target="_blank">
　　<INPUT type="hidden" name="alias" value="p">
　　<INPUT type="hidden" NAME="p" value="">
　</FORM>

# 各検索サイト用フォーム内にある alias という名の hidden オブジェクトは、スクリプトを簡単にするための工夫です。
# 検索サイトを追加する時は、検索ボタンの name と、サイト用 FORM の name を、同じ名前にして下さい。

参考URL：http://www.google.co.jp/intl/ja/searchcode.html, …

この回答への補足

ありがとうございます(T_T)
感動のあまり涙が出そうです。（笑）

サンプルをそのまま使用させていただいたところ、まさに求めていたものが再現できそうです。
コレを元に他の検索エンジンも自分で加えてみたいと思います。

この事で色々検索していたのですが見つけることが出来ず、困っておりましたのでとても助かりました。

解決しましたが、実際に作成してみますので1日ほど、質問は締め切らずにおきます。

重ねて、ありがとうございました。

補足日時：2002/02/22 16:22

通報する

- 0
- 件

通報する

この回答へのお礼

スクリプトを参考にして、思い通りに出来ました。
どうも、ありがとうございました。

通報する

お礼日時：2002/02/24 11:47

No.1

回答者： Mizyu
回答日時：2002/02/22 11:48

<HTML>

<HEAD>
<Script Language="JavaScript">
function form_submit2()
{
document.submit_form.action = "test2.html";
document.submit_form.submit();
}
</Script>
</HEAD>
<BODY>

<form action = "test1.html" method = "post" name = "submit_form">
<input type = "text" name = "hoge"><br>


<input type = submit><br>

<input type = button onClick="form_submit2()"><br>

</form>

</BODY>
</HTML>

こんな感じでしょうか？

内容としては下のボタンを押下したときにJavaScriptのform_submit2という関数を呼び出します。
その関数の中身でFormのSubmit先を変更してその後に強制的にSubmitさせます。

この回答への補足

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

送り先のサーチエンジンに入力キーワードを検索させたいのですが、Submitさせるだけで可能でしょうか？

ちょっと試してみましたが、できませんでした。
（test.htmlをhttp://www.google.com/searchに変更してみました）
私の理解が間違っているのでしょうか？

補足日時：2002/02/22 12:18

通報する