テキストエリアでの処理に関して

2007/03/13 18:24

このQ&Aのポイント

テキストエリアでの処理について、ダブルクリックイベントや入力に応じたデータベース検索の仕組みを考えています。
特定のテキストエリアでのダブルクリックイベントにより、サブウィンドウを開くと同時にデータベースから情報を取得し、親ウィンドウの隣のテキストエリアに表示します。
また、テキストエリアへの入力がある場合にもデータベース検索が行われるようにしたいと考えています。

SANA_999
お礼率12% (16/132)

JavaScript
回答数4
ありがとう数0

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

leap_day
ベストアンサー率60% (338/561)

2007/03/14 15:56 回答No.1

こんにちは <script language="JavaScript">  </SCRIPT> </head> <body> <form> <a ondblclick="openwin()"><input type="text" name="myTEXT" onKeydown="numCheck(this.form)"></a> </form> としたら可能だとは思いますが・・・テキスト文字6文字越え=>openwindowではポップアップブロックされるため別の方法を考慮された方がよいかと・・・

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2007/03/15 02:10 回答No.4

> ANo.3 > ウェブページではシングルクリック＝実行というのが基本ですので、onclickの方がいいと思います。（ondblclickでは２回実行される可能性があるため）なんか言い方が変だったので言い直し。ダブルクリックでは実行されない（ダブルクリックしてもらえない）可能性があるため、 onclickで実行してもらうようにした方がいいと思います。 onclickとondblclickを１つのページで混在させるとダブルクリックしか動かないと思ってダブルクリックしたが、実はシングルクリックで良かった、しかもダブルクリックではなく「クリックが２回」という判断がされた。そういう場合にonclickが２回実行されます。

ログインすると、全ての回答が全文表示されます。

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2007/03/14 23:11 回答No.3

> そもそも同じテキストエリアでダブルクリックはサブウィンドウ、 > 入力後は他の処理というような事が可能なのでしょうか。。。 ondblclickとonkeyupを別々に指定すれば出来ると思います。 <form action="search.cgi" target="_blank"> <textarea ondblclick="this.form.submit();" onkeyup="if(this.value.length>=6)this.form.submit();"></textarea> <input type="submit"> </form> テキストエリア＝<input type="text">ということなんでしょうか？それなら<textarea>を読み替えてください。以下は全く個人的な見解なので、無視してもらってもかまいません。テキストエリアでもテキストフィールドでも、一般的にはダブルクリックは文字を選択するために使う物ですし、おそらくユーザーが予期しない動作をすることになりますから、あまり使わない方がいいと思います。イメージフィールドや送信ボタンを設置し、それを押してもらう方がいいと思います。 MacやWindows（OS）のアイコンは初期設定ではシングルクリック＝選択、ダブルクリックで実行ですが、ウェブページではシングルクリック＝実行というのが基本ですので、onclickの方がいいと思います。（ondblclickでは２回実行される可能性があるため）

ログインすると、全ての回答が全文表示されます。

yambejp
ベストアンサー率51% (3827/7415)

2007/03/14 16:02 回答No.2

onkeyupやonkeydownなどでチェックをいれればよいでしょう。ただ、任意のsubmitではなくDBを検索させると、無駄なデータのやりとりが多くなるので避けた方がよいかと。サンプル <script language=javascript> function test(obj){ if(obj.value.length>=6) alert(obj.value) } </script> <form> <input onKeyup="test(this)"> </form>

ログインすると、全ての回答が全文表示されます。