テキストエリアでの処理に関して
- テキストエリアでの処理について、ダブルクリックイベントや入力に応じたデータベース検索の仕組みを考えています。
- 特定のテキストエリアでのダブルクリックイベントにより、サブウィンドウを開くと同時にデータベースから情報を取得し、親ウィンドウの隣のテキストエリアに表示します。
- また、テキストエリアへの入力がある場合にもデータベース検索が行われるようにしたいと考えています。
- ベストアンサー
テキストエリアでの処理に関して
あるテキストエリアの中で、OnDbclickイベントでダブルクリック した場合にサブウィンドウを開き、サブウィンドウの中であるＤＢから 情報を取得し、親ウィンドウの隣のテキストエリアに値を表示するような事をしていますが、ダブルクリック以外でもそのテキストエリアに入力があったらＤＢを検索するような仕組みを考えています。 基本的には文字数制限をし、６文字入力された時点でＤＢへ検索しに 行くような形にしたいと考えています。 そもそも同じテキストエリアでダブルクリックはサブウィンドウ、 入力後は他の処理というような事が可能なのでしょうか。。。 どういった記述をすれば良いか教えて下さい。 よろしくお願いします。
- SANA_999
- お礼率12% (16/132)
- JavaScript
- 回答数4
- ありがとう数0
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは <script language="JavaScript"> <!-- function numCheck(fObj){ if(fObj.myTEXT.value.length >6) { openwin(); } } function openwin() { window.open("sample.html","OpenWindow","width=100,height=100"); } //--> </SCRIPT> </head> <body> <form> <a ondblclick="openwin()"><input type="text" name="myTEXT" onKeydown="numCheck(this.form)"></a> </form> としたら可能だとは思いますが・・・ テキスト文字6文字越え=>openwindowではポップアップブロックされるため別の方法を考慮された方がよいかと・・・
その他の回答 (3)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
> ANo.3 > ウェブページではシングルクリック＝実行というのが基本ですので、onclickの方がいいと思います。（ondblclickでは２回実行される可能性があるため） なんか言い方が変だったので言い直し。 ダブルクリックでは実行されない（ダブルクリックしてもらえない）可能性があるため、 onclickで実行してもらうようにした方がいいと思います。 onclickとondblclickを１つのページで混在させると ダブルクリックしか動かないと思ってダブルクリックしたが、実はシングルクリックで良かった、 しかもダブルクリックではなく「クリックが２回」という判断がされた。 そういう場合にonclickが２回実行されます。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
> そもそも同じテキストエリアでダブルクリックはサブウィンドウ、 > 入力後は他の処理というような事が可能なのでしょうか。。。 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)
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>
関連するQ&A
- HTMLの内容をテキストエリアに表示する
いつもお世話になっています。タイトル通りなのですが a.htmlというファイルにたとえば 「あいうえお」 という日本語が記述されているとします(ブラウザで表示するとあいうえおが表示される） そして何かボタンをクリックするとb.htmlのサブウィンドウが表示され そのページにあるテキストエリアに「あいうえお」が表示され テキストエリア内の文字列を編集しボタンをクリックすると a.htmlの内容が一時的でも更新されるようにしたいと思っています。 このような動作をjavascriptのみで行うことは可能でしょうか？ 感覚的には掲示板で書き込んだ内容を修正するときのようなものです。 ｊｓｐで似たような動作をするものを作成しましたが サーバーを介さずにそのような動作をさせたいと思っていますが 不可能でしょうか？ b.htmlで編集した内容がa.htmlに保存されなくてもかまいません。 そのときだけでも変化していればいいのです。 言葉が足らずわかりにくいと思うのですが 何卒よろしくお願いします。
- ベストアンサー
- JavaScript
- テキストエリアの文字制限をはずしたい。
メールフォームにてテキストエリアに文字制限を外したいです。 kent-webを流用しています。 テキストエリアに文字数の制限があるようなのではずしたいのですがいかんせん、どこをいじればよいのかわかりません。 よろしくおねがいします。
- ベストアンサー
- CGI
- テキストエリアへの記号代入
こんにちは。以下、ご回答いただければ幸いです。 日頃、PHPカテゴリにてお世話になっておりますが、以下のようなものを作りたいと考えているのですが、その流れ（仕組）が分からず、 http://oshiete1.goo.ne.jp/qa2749334.html にて同じような質問があったので、今回javascriptにて投函させていただきました。宜しくお願いいたします。 上記、URLと同じなのですが、流れのイメージとして、テキストエリアに文字を入力している際、入力途中でテキストエリア外に設置のボタン（アイコンなど）を押したとき、その押したボタンに埋め込んである？記号などを、テキストエリアでの入力途中に引き継いで記号文字列を代入したいと考えています。 適切な説明が上手く出来ないのですが、例えば、テキストエリアにおいて、 こんにちは と入力したとき、テキストエリア外に設置のボタンを押すことで、 こんにちは[a:1] と、このようにしたいのです。 色々なイメージを描いておりますが、テキストエリア内にカーソルがあるとき、一旦テキストエリアの外のボタンを押して、また元のカーソルの位置に戻すには？とか、ボタン（アイコン）に設定の記号文字列を代入するには？と、一向に具体的なイメージがつかめずにいる次第です。 お忙しい中恐縮ですが、ご指導頂戴出来れば幸いです。宜しくお願いいたします。
- ベストアンサー
- JavaScript
- テキストエリアにあわせた文字サイズ変更
Ｊａｖａｓｃｒｉｐｔ自体うまく動かすことができず、 サンプルを探しても見つからず、困っております。 やりたいことは、 Aのテキストエリアに入力した文字を「OK」ボタンクリックと同時に Bという別のテキストエリア（エリアの枠は固定）にリサイズ表示させたいと思います。 テキストエリア自体を文字数により大きくするサンプルはありましたが その逆のテキストエリアのサイズに文字をあわせるものが見つかりません。 申し訳ありませんが、おしえていただけますでしょうか。
- 締切済み
- JavaScript
- フォームテキストエリアの文字制限について
** どなたか分かる方、教えてください。 フォームのテキストエリア（複数行の）で、 １．入力できる文字数を制限したい（200文字とか） ２．テキストエリアの右側に出てくるスクロールバーを消したい ・・・のですが、出来そうなのに、私にはできません。 cgiは使えない環境です。 あとはどんな方法もOKです。 何か方法がありますか？ --------- くろぶた
- 締切済み
- HTML
- テキストエリアをクリックした際に初期テキスト削除をする
フォームのテキストエリアに ＜テキストを入力して下さい＞ と初期コメントを入れておいて、テキストエリアをクリックした際に 初期コメントが削除されるような事がしたいです。 初心者ですいません＞＜ よろしくお願い致します。
- ベストアンサー
- JavaScript
- テキストエリアに前記入した言葉が残るのを消したい。
ＩＥ６．０にしてから、テキスエリアに一回書きこんだ言葉が 記憶されたっぽくて、次からも、同じテキストエリア部分を ダブルクリックすると、書きこんだことのある言葉が 全部出てくるようになりました。 例えば、gooの検索部分で「パソコン」と記入して検索したとします。 すると、次からgooの検索部分をダブルクリックすると「パソコン」 っていうのがセレクトメニューのように出てくるのです。 役立つ時もあるのですが、すごい邪魔だし、それを消したい、または リセットしたいのですが、そのようなことはできますか？
- ベストアンサー
- その他（インターネット接続・通信）
- テキストエリアで文字数が２００になったら警告
テキストエリアで文字数が２００になったら警告するようなことができますか？ (例） テキストエリアに文字を入れていって、２０１文字目に入ったらぽっぷアップで「これ以上入力できません」とお知らせ。
- ベストアンサー
- JavaScript
- テキストエリア内の文字の装飾
<textarea>で囲んだ文章を、部分的に ・色を変えたり ・太字にしたり ・大きさを変えたり etc... したいのですが、このエリアで囲まれた文章は <br>すら、htmlとして認識されませんよね？ （素直に記述上で改行すれば、反映されますが） テキストエリア内で、htmlのように文字修飾をするには どうすればよいのでしょうか？ ついでに、テキストエリアの背景なのも設定できる ものなのでしょうか？ フレームとして、新たなページを１つ作るのは できるだけ避けたいのです。
- ベストアンサー
- HTML
- テキストエリアのイベント
天才プログラマーの皆様。JavaScript、jQuery テキストエリアのコンテキストメニューによる貼り付け・切り取りイベントを取得（実行された時の処理を設定）したいです。 ツイッターのツイートの文字数は、右クリックによる貼り付け・切り取りにも反応して文字数をカウントしています。 このサイトはできていないようですが、、 setTimeoutでずっとカウントしてればいいですが、ブラウザに負担が大 よろしくお願いします。
- ベストアンサー
- JavaScript
