• ベストアンサー

フレーム式チャットで、発言する度にフォームの文字を消すには??

フレーム式チャットを作成中なのですが、 発言をすると同時に、テキストフォームに自分で書いた発言内容を自動的に消去する機能を付けたいです。 色んなチャットを参考にしながら自分なりに試してみたのですが、 どうもうまくいきません。 JavaScriptを使うようなのですが、 一体どのようなスクリプトを書けば良いのか、 誰か教えてください。お願いします。

  • CGI
  • 回答数2
  • ありがとう数3

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

  • ベストアンサー
noname#5824
noname#5824
回答No.2

かなり省きますが、 スクリプトの記述をこのようにして、 function autoclear() { if (self.document.formname.comment) { self.document.formname.comment.value = ""; self.document.formname.comment.focus(); } } formの名前をformnameとした上で、 下記のようなフォームを作れば、 <input type=text size="75" name=comment> <input type=submit value="発言する"> 入力後送信ボタンを押した直後に、 そのテキストボックスを空白にして、 フォーカスをテキストボックスに移す、 ということが可能です。

picko2001
質問者

お礼

ありがとうございました。 言われたとおりにやると、うまく出来ました。

その他の回答 (1)

  • mnabe
  • ベストアンサー率33% (427/1283)
回答No.1

 チャットを書込んだ後に、その一行部分のオブジェクトに対して、空白を書込んであげればいいのでは?  フレームの送信(書込み)ボタンを押下するんですよね。その後の処理として、フレームの中身を再描画してしまえばOKの様な気がしますが...

picko2001
質問者

お礼

早い回答どうもありがとうございます。 mnabeさんのおっしゃる通り、 メッセージを書込んだ後に、その一行部分のオブジェクトに対して、空白を書込んであげればいいのでしょうが、 JavaScript初心者のため、その方法が分かりません…。 フレームの中身を再描画すれば上手くいくことも理解できるのですが、 ここではフレームの中身を再描画せずにやりたいのです。

関連するQ&A

  • フレームのチャット

    すみません、どなたかお答えいただければ嬉しいです。 チャットを作っているのですが、発言/リロードを押すと下のフレームもリロードさせたいのですが どのようにすればうまく動作しますか? 上はtopFramem下はmainFrameです。 <script type="text/javascript"> <!-- function reload(){ parent.mainFrame.location.href='logpage.php'; } --> </script> <input name="Submit" type="submit" id="Submit" value="発言/更新" onclick="reload()" /> PHPで、 if($_POST['Submit'] == "発言/更新"){ 書き込み処理 } このように記述しています。 テキスト欄に入力して発言をすると、ファイルにログが書き込まれフレームは更新されず、 空白の状態でボタンを押すと更新されます。 発言したうえで更新したいのですが、どのようにすれば良いのでしょうか?

  • チャットフォームの悪用

    最近、チャットの荒らしで困っています。 comchatを使っているのですが、発言にjavascriptを混ぜられてそれを開いた人が勝手にしゃべるというプログラムが書かれています。 ですが、どうやってjavascriptを忍ばせたのかがわからないので、対処方法がみつかりません。 チャットのログウィンドウのソースコードの一部を張っておきます <font color="red・><a href="mailto:a@a.a style=background:url(javascript:...といった感じのものです。 どうも、フォームで送るcolorのところをいじったようなのですが、普通<や>は変換されて&lt;や&gt;になってログに残ります。 どうすれば、<や>の記号をフォームでおくれるのでしょうか? また対応策などあるんでしょうか? わかる方がいましたら教えてください。お願いします。

    • ベストアンサー
    • HTML
  • 異なるフレームから異なるフレームのフォームに値を入力

    異なるフレーム(AとBとします)があります。 フレームAの1つの"button"を押すとフレームBのそれぞれのフォーム(ログイン画面のIDやパスワードのボックス)に 一括で入力されるようにしたい。できれば、自動でそのフォームの送信もしてほしい。 ・フレームAは自由に変更可能。 ・フレームBは変更禁止。(YahooやGmailのログイン画面とかWebページを想定) ・フレームBのフォームの"name"は同じ。一定。 ・フレームBのフォームには"hidden"を含むとする。(入力しなくてよいフォームがある) ・フレームBのフォームの送信ボタンは"submit"か"button"と一定でない。表示するページによる。 こんな感じの条件でJavascriptとHTMLで作くれる方お願いします。

  • チャットフォームで文字色をランダムに

    ローカルサーバーで簡易チャット使っているのですが、そこでチャット上でランダムで文字色を変えるプログラムを作りたいのですが、 <script language="javascript"> <!--// function Changecolor() { strColorCode = ""; var arrColor = new Array("LightGreen", ~~~~~~~~~~~中略~~~~~~~~~~~~~ "DarkRed") //処理スタート nTemp = Math.round(Math.random()*63) strColorCode = "#" + arrColor[nTemp]; document.fgColor = strColorCode;; } //--> (登録している色の数は63色) といったプログラムを作ったのですが、onLoadで指定することで通常の文字色を変えることができたのですが、ここからチャットで使うことができません。 フォーム上での文字色の名前はcolorにしてあるのですが、valueで指定しても色は変わりませんよね? どうすればチャットで文字色をランダムに変えることができるのでしょうか? 分かりにくい質問ですみません。よろしくお願いします。

  • 異なるフレームから異なるフレームのフォームに値を入力 (<iframe></iframe>)

    異なるフレーム(AとBとします)があります。 フレームAの1つの"button"を押すとフレームBのそれぞれのフォーム(ログイン画面のIDやパスワードのボックス)に 一括で入力されるようにしたい。できれば、自動でそのフォームの送信もしてほしい。 ・フレームAは自由に変更可能。 ・フレームBは変更禁止。(YahooやGmailのログイン画面とかWebページを想定) ・フレームBのフォームの"name"は同じ。一定。 ・フレームBのフォームには"hidden"を含む。(入力しなくてよいフォームがある) ・フレームBのフォームの送信ボタンは"submit"か"button"と一定でない。表示するページによる。 ・フレームの使用するHTMLタグは<iframe></iframe>です。 ・セキュリティは無視します。 ・Javascriptによるアクセス制限が無い。 ・使用ブラウザ(あんまり関係ないとは思いますが)、Firefox、Operaが目的 こんな感じの条件でJavascriptとHTMLで作くれる方お願いします。

  • チャットの自動更新のプログラミング

    CGI(perl)でチャットを作る際の、自動更新の設定の仕方を教えてください。 具体的には、入力フォームのあるフレームと発言が羅列されるフレームとの2つのフレームからなるチャットでそれぞれ別にCGIファイルがあります。現在は、ページを更新するか自分が発言するかしなければ発言の羅列が更新されません。発言入力フォームのあるフレームを更新させないで、羅列のフレームだけを更新させるプログラムを教えてください。また、それに関してわかりやすいページがあれば教えてください。

  • フォームに表示される文字をセンタリングさせたい。

    Javascriptの初心者です。宜しくお願いします。 テキストエリアが2つあったとします。 1のテキストエリアにある値を入力してボタンを押すと、 2のテキストエリアに1で入力した値をそのまま表示させ、 尚且つ表示された値をフォーム内でセンタリングさせたいのですが どうすればよいのかわかりません・・・。 ご存知の方がいらっしゃいましたら教えて下さい。 どうぞ宜しくお願い致します。 <html> <head> <script language="JavaScript"> <!-- function my1() { a=document.form1.text1.value; document.form1.text2.value=a; } //--> </script> </head> <body> <form name="form1"> <input type="texterea" name="text1"> <input type="texterea" name="text2"> <input type="button" value="CLICK!" onClick="my1()"> </form> </body> </html>

  • フレーム1から、フレーム2を自動更新させたい

    他のカテゴリーに書き込みをしたのですが、回答が得られなかったのでこちらへ質問させて頂きます。 ただいま、チャットルームを製作しております。 このチャットは発言と、発言のログの2個のフレームで構成されております。(以下発言フレームとログフレーム) 質問は発言フレームからログフレームを自動的に更新させることは出来ますか? 私が使用しているサーバーでは、頻繁に発言ログがNOT FOUNDになってしますので、発言フレームから定期的に更新させたいと思います。(相手の設定に合わせてリロード秒数等を自動で合わせたりはしません。単純に自動更新出来ればOKです。) JavaScriptで発言フレーム内に、 setTimeout("location.href='チャットのアドレス'" treget=ログフレーム,6000); といった感じに試してみたのですが、上手く行きませんでした。 何卒アドバイスをお願いいたします。

  • リンククリックで文字列を他のフレームへ

    リンクをクリックすると他のフレームにテキストを渡したい。現状はボタンクリックで渡しています。渡す文字は<SCRIPT language=JavaScript>の部分に書かず、リンクの場所においておきたい。 (例) <A HREF="">東京</A> <A HREF="">大阪</A> <A HREF="">名古屋</A> この文字の部分に 東京の名物、大阪の名物、名古屋の名物などのテキストを含ませておき、そことクリックすると別のフレームのテキストボックスに入るようにしたい。 #どうか、アドバイスを。 <form action="javascript:void(1)" onsubmit="return false;"> <p><input type=text name=Title value="やっほ"> <input type=button onclick="parent.Frame3.document.fm1.Title.value=this.form.Title.value;" value="←コピー">

  • 入力フォームで入力出来る文字を半角英数に制限する

    いつもお世話になっています 問合せフォームを作成しているのですが、自分で携帯でアクセスしてみた時に、 電話番号など、数字しか入力する必要の無いフォームにフォーカスするとき、 いちいち半角英数を選び直さなければならないのが不便に感じます。 入力フォームにフォーカスすると、自動的に半角英数に入力文字が 切り替わるようなサイトに入ったことがある気がするのですが、 Perlを使ったCGIで設定することは出来るでしょうか? 携帯向けを考えているので、Javascriptでは設定出来ません。 作成している入力フォームはPerlで書かれている、KENTWEBの送信フォームCGIスクリプトです。 宜しくお願いいたします。

    • ベストアンサー
    • CGI