• ベストアンサー

テキストボックスに記入したものが、

テキストボックスに記入したものが、 同じページ内の文中に反映されるような機能をCookieで作りました。 送信したところ、文中には反映しているのですが、 テキストボックス内の文字は一斉に消えてしまいました。 <input type="button" value="削除" onclick="DeleteCookie(CookieID)"> を押すと同時に、テキストボックスと文中の両方がクリアされるようにしたいのですが… どういった指令を組み込めばよいのでしょうか。 よろしくお願い致します。

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

意味が通じていないのかも知れないので… No1様がおっしゃっているのは、現在行なっている内容(方法)が不明なので、それを修正するにも方法を提示できないということ。 >同じページ内の文中に反映されるような機能をCookieで作りました。 は、入力内容をクッキーに保存しているように読み取れます。一方で、 >送信したところ、文中には反映しているのですが、 >テキストボックス内の文字は一斉に消えてしまいました。 からは、『(formから)サーバに入力内容を送信したら、レスポンスで入力データが消えてしまった』のように読み取れます。 文字に反映させているのは、サーバ側で処理しているのか、スクリプトでクッキーを読み出して処理しているのかが不明。 サーバに送信しているのなら、なぜ全部の処理をサーバ側で行なってしまわないのかが不明。 サーバ側で処理をできない環境であるのなら、そもそもサーバに送信することの意味が不明。(送らなければform内は消えないはず) のように推理できるので、ご質問の処理がどのようなことをしているのかわからない、という意味です。 クッキーに残すことが何を目的としているのかも不明ですし、サーバサイドの処理を作成されたのなら上記の追加もできるでしょうし、スクリプトでformデータをクッキーに保存/読出しの処理を作成された方なら、テキストのクリアやセットも出来るであろうと想像されるので、ご質問の意図(何がわからないのか)も不明ということになります。 >全てのソースをお見せすることは出来ないので、 コンテンツの内容を知る必要はまったくありません。 ソースの構造(簡略化したもの)と処理の体系がわかる簡略版を示すことで、質問者様が文章で説明するよりも、回答者にとって必要な情報を提示できるという意味です。 文章で必要なことが説明できればそれでも良いのですが、上記のように不明情報が多すぎるというのが実際です。 ご質問に文章でお答えするならば…(具それ以外には回答しようがありませんが…) データをサーバに送信する必要があるのならば、テキストの変換、formの値保持ともサーバ側で処理するのが簡単。 (そのためにはクッキーは不要。他の目的があれば別) サーバに送信する必要がない(データを保存して何らかの処理をする必要がない)場合は、クライアントサイドのスクリプトだけで、文字変換処理をすればform内のテキストは変わらない。(変換だけならクッキーは不要) あるいは、サーバに送信するにしても、データ内容だけをajaxで送信して(画面遷移はしない)文章の変換もスクリプトで行なうという方法もないことはないでしょう。 総合的には、スクリプトオフの環境でも必ず作動できる、サーバ側で処理を行なう方法が最も一般的だと思いますけれど? (負荷がかかるとか、レスポンスが悪いなどというのであれば別ですが…) >どういった指令を組み込めばよいのでしょうか テキストボックスへの値の代入は、読出しとほぼ逆。 スクリプトの代入文の左辺、右辺を逆転する感じ。 でも、それよりも普通の <input type=reset> を用いたほうが簡単では?

senri511
質問者

お礼

とてもわかりやすく説明して頂きありがとうございました。 サーバ関係など一切理解しておらず、お恥ずかしい限りです。 やりたかったことは、 複数のHTMLソースを作る必要があったのですが、 Table内の数値だけが違っており、後は全て同じものでしたので、 変更箇所のある部分のみをテキストボックスに入力して ソースの文中に表示させれば簡単に作れるのではないかと考えました。 とはいえ私も知識がなく時間もなかったため、以前に利用したcookieの機能が「テキストボックスに入れたものを文中に反映させる」という目的と一致していたため、流用すればできるかなと安易に考えました。 なので敢えてcookieを利用する意味などないのです。 回答者様方を混乱させてしまったようで申し訳ありません。 質問の件は「簡単にできるなら」と思いましたので質問させて頂いたのですが、難しいようですので諦めようと思います。 説明して頂いたことで少し知識が増えました。ありがとうございます。

その他の回答 (3)

回答No.4

ひょうをかんたんにつくれればもんだいないのだろうか? かんまでくぎられたもじれつのせんとうが#ではじまっていたら<th>。 それいがいなら<td> </th></td>とかはしょうりゃくしたじょ。 ぎょうのくぎりは、にじゅうの,,です せいきひょうげんには、じしんがありません。 もっとみじかくなるかも。 もちろんこれは、おあそびで、しかも、すくりぷとむこうのひとのことはかんがえていません。 <body> <table summary="なんとなくお遊びで" border="1"> <caption>こんなのは?</caption> <script type="text/javascript"><!-- document.write( '#abc,#def,#ghi,,#a,1,2,,#b,3,4'. replace(/(.+?)(?:,,|$)/g,function(a,b){return "<tr>"+b.replace(/(#)*(.+?)(?:,|$)/g,function(a,b,c){return(b?'<th>':'<td>')+c})}) ); //--> </script> </table> <p>もちろん、だめだろう</p>

senri511
質問者

お礼

ぱっと見てすぐ理解できませんので、ゆっくりと分析させて頂きます。 少ない情報の中で実際に組んでくださりありがとうございました!

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.3

No2です。 >簡単にできるなら」と思いましたので質問させて頂いたの >ですが、難しいようですので諦めようと思います。 想像では、大して難しいことではないように思われます。 でも、一番難しいと思われるのは、質問者様が何をなさりたいのかを理解することです。 スクリプトを作成するのは、たいした手間でもないでしょうから、ここの回答者さん達がいろいろ考えてくださることでしょう。 でも、やりたいことが不明だと手も足も出ません。

senri511
質問者

お礼

何度もありがとうございます。 前回のお礼欄で、やりたかったことはお伝えしたつもりだったのですが…実際に組んでくださる方からすれば情報が少ないようですね。 あと、質問することにも慣れないもので、無理とわかったのに締め切らず失礼しました。

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

「同じページ内の文中に反映されるような機能をCookieで作りました。」 の機能をもう少し具体的に(できればソースコード)、説明してもらわないと、 いかんともしがたいです。

senri511
質問者

お礼

やはりそうなのですか… <script language="JavaScript">以下の部分にとある文を加えればそういった指令を出せるのかなと安易に考えておりました。 <input type="text" size="16" name="name1"> に入力して、 <script language="JavaScript"> <!--- document.write(box[0]); //END ---> </script> の部分に表示されるといった具合ですが、 用途柄、全てのソースをお見せすることは出来ないので、色々サイトを見て調べたいと思います。回答ありがとうございました。

関連するQ&A

  • テキストボックスに関して質問です

    ページ間でのテキストボックスからテキストボックスへの文章の移行って可能でしょうか? tezt1.htmlってページにある 名前⇒<INPUT TYPE="text" NAME="name1"> 住所⇒<INPUT TYPE="text" NAME="adres1"> のテキストボックスに入力された文章を 入力ボタン <INPUT type="button" value="入力" onClick="・・・・・"> を押すと、下に用意してあるテキストボックス(別ページ)に入力した値が入るようにしたいのです。 tezt2.htmlの 名前⇒<INPUT TYPE="text" NAME="name2"> 住所⇒<INPUT TYPE="text" NAME="adres2"> 事情が有り一つのページで行えません。 フレームわけしたページで移行して使用したいのですが… 質問し方が悪くて大変申し訳有りません。宜しくお願いします。

    • ベストアンサー
    • HTML
  • JavaScript text内にある文字のコピーの仕方について

    お世話になります。 現在作成中の テキスト内の文のバックスペースと テキスト内をクリアーは 下記の文となりプログラム上問題は御座いません。 <FORM name="a1"> <INPUT type="button" value="クリアー" onclick="document.a1.reset()"> <INPUT type="button" value="バックスペース" onclick="document.a1.a2.value=document.a1.a2.value.substring(0,document.b.c.value.length-1)"> <INPUT size="100" type="text" name="a2"></FORM> 出来ないのがボタンを押すとテキスト内の文字を コピーするという記述なのですが もし解られましたら お手数ですがお教え頂ければ幸いです。

  • 子ウィンドウを閉じるとき、親ウィンドウのテキストボックスにカーソルを移動したい。

    子ウィンドウを閉じるとき、親ウィンドウのテキストボックスにカーソルを移動したい。(java) <script> function openChild(f){ window.open("child2.htm","_blank"); } </script> <form> <input id="text1"><br /> <input id="text2"><br /> <input type="button" onclick="openChild(this.form)" value="子ウィンドを開く"> </form> 子ウィンドを閉じる <input type="button" onclick="window.close()" value="閉じる"> 親ウィンドウのテキストボックス(id="text2")にカーソルを移動したいのですが。 <input id="text2"><br />

  • ボタンを押したらテキストボックスの文字色をチェンジ

    ボタンをクリックしたらテキストボックスに入っている文字色を黒から赤に変えたいんですがどのようにしたらいいでしょうか? 一応、自分なりに作ってみたものです。エラーがでます。 保存ファイルの拡張子は「html」です。 ------------------------------------------------------- <html> <head> <script language="javascript"> function change(){ document.form1.text1.fgcolor="red"; } </script> </head> <body> <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> </body> </html> ----------------------------------------------------------

  • テキストボックスへの値の代入と、PHP

    function setvalue(){ document.getElementById("text3").value = "ユニックス"; } として、JavaScript側で、参照ボタンが押された時に、 id がtext3 のテキストボックスに値を代入したい場合、、 HTML側で <INPUT type="button" value="参照" onclick="setvalue()"> <INPUT type="text" name="言語" id="text3" size="30" class="ws1" #######> ######の部分に、value属性(value="~")は何も書かなくてもいいのでしょうか。 また、これはJavaScriptの関数を呼んでテキストボックスへの値の代入を実現していますが、 これを、PHPスクリプトで、実現する方法はないでしょうか。 ご指導、よろしくお願いします。

    • ベストアンサー
    • Java
  • チェックボックスを選択するとテキストボックスが表示

    質問失礼します。 チェックボックスが下記のようにある場合ですが、 どれかではなく複数選択で テキストボックスを表示させるにはどうしたらよいでしょうか? <input type="checkbox" name="example" value="" />テレビ ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />新聞 ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />CM ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />その他 ←チェックしたらテキストボックス表示 色々なJavaScriptを試したのですが、 どうも挙動がおかしく、クリックを続けると表示がされたりできなかったり、 という具合になります。 それぞれテキストボックスを表示させたいチェックボックスに 反映できるJavaScriptをご教示願いますでしょうか? 宜しくお願い致します。

  • テキストの背景色を変える。

    onClickで、テキストの背景色を変えたいのですが。 その処理を外部ファイルに記述したいのです。 HTMLファイルでは下記のように記述し、 <・・・・・ <td><input type="button" value="テキストを赤に" onClick="Col001(tC1)"><input type="text" name="tC1" size="20" value=""></td> ・・・・・> JavaScript外部ファイルでは、 function Col001(objText){ alert(objText.value); objText.document.bgColor='red'; } と記述しています。 すると、ページ全体の色が変わってしまいます。 alert(objText.value);では、 テキストボックスtC1に入力されている値が 正常に表示されるのですが・・・。 テキストボックスの背景色だけを変える場合には どのようにしたらいいのでしょうか? どなたか教えてください。 よろしくお願いします。

  • 文字をテキストフィールドに記入する。

    ボタンを押したら、その文字がテキストフィールドに記入されていく、といったスクリプトを作りたいのですが、どうもうまくいきません。 以下がとりあえず作成したスクリプトですが、ここからどのようにすれば、うまく出来るでしょうか? とりあえずしたい事は、例えば、「野菜」「肉」「魚」と順にボタンを押すと、テキストフィールドに「野菜 肉 魚」と記入されていくようにしたいのですが。 今の状態ではボタンを押す度に、その文字が変わるだけで、連続して記入されていきません。 JavaScriptは初心者ですがアドバイス宜しくお願いします。 **************************** <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- str = new Array(3); str[0] = "野菜"; str[1] = "肉"; str[2] = "魚"; function setMsg(id) { document.all.str.innerHTML = str[id]; } // --> </SCRIPT> </HEAD> <BODY> <p><textarea name="sss" rows="3" cols="40" ID="str"></textarea></p> <p><input type = "button" value="野菜" onClick="setMsg(0)" > <input type = "button" value="肉" onClick="setMsg(1)"> <input type = "button" value="魚" onClick="setMsg(2)"></p> </BODY> </HTML>

  • テキストBOXなどの値をCSV形式へ保存

    HTMLに <SELECT name="cmbTuki"> <option>1月</option> <option>2月</option> <INPUT type="button" onclick="?" value="登録" name="cmdOK"> を設置して選択ボックスで選択された値をテキスト形式へ保存したいのですが onclick="?" の箇所にJAVAプログラムで作成したいのですが どうすればよいのでしょうか?簡単なサンプル的で構いませんのでご教授いただけると幸いです。宜しく御願いいたします。

    • ベストアンサー
    • Java
  • テキストボックスから、mailto

    ボタンからメール作成画面を起動させて、宛先と本文を入れておきたいです。 <INPUT type="button" value="メール" onclick="location.href='mailto:test_at_aaa.ne.jp?body=本文'"> <input type="text" value="" id="text1" name="text1"> <input type="text" value="" id="text2" name="text2"> text1の内容を本文、text2の内容をアドレスに 入れる事は出来るでしょうか? アットマークはサポート確認中になるので_at_で表しています。

専門家に質問してみよう