• ベストアンサー

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

ページ間でのテキストボックスからテキストボックスへの文章の移行って可能でしょうか? 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
  • 回答数4
  • ありがとう数1

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

  • ベストアンサー
  • 0x131cc6e
  • ベストアンサー率36% (42/115)
回答No.1

WEBサーバ側にCGIやPHPとかプログラムを設置することは可能?

20090503q
質問者

補足

回答ありがとうございます。 正直厳しいと思います… それがないと無理でしょうか? 宜しくお願いします。

その他の回答 (3)

  • sh_hirose
  • ベストアンサー率66% (56/84)
回答No.4

>凄く近いものがあるのですが日本語表記での仕方を模索しています。 サプミットする前にURLエンコードすればいいだけです。 サンプル↓ // aaa.html <html> <head> <title>aaa</title> <script type="text/javascript"> <!-- function send(form) {  var value = window.document.getElementById("text1").value;  window.document.getElementById("text1").value = encodeURIComponent(value);  form.submit(); } // --> </script> </head> <body>  <form action="bbb.html" method="GET">   <input type="text" name="text1" id="text1"/>   <input type="button" value="send" onClick="send(this.form);"/>  </form> </body> </html> // bbb.html <html> <head> <title>bbb</title> <script type="text/javascript"> <!-- function initOnLoad() {  var query = window.location.search.substring(1);  var params = query.split("&");  for( var i = 0; i < params.length; i++ ) {   var text = params[i].split("=");   if( text[0] == "text1" ) {    window.document.getElementById("text1").value = decodeURIComponent(decodeURIComponent(text[1]));   }  } } // --> </script> </head> <body onLoad="initOnLoad();"> <input type="text" id="text1"/> </body> </html> decodeURIComponentを2回やらないとうまくいかないです。 (エンコード後%をエンコードしてしまうため) フォームでサブミットせずに、location.hrefを使用してパラメータを作成すればデコードは1回で済むはずです。 // base2.html <html> <head> <title>base2</title> </head> <frameset cols="50%,*"> <frame src="ccc.html" name="aaa"/> <frame src="dummy.html" name="dummy"/> </frameset> </html> // ccc.html <html> <head> <title>ccc</title> <script type="text/javascript"> <!-- function send() {  var param = "text1=" + encodeURIComponent(window.document.getElementById("text1").value);  var url = "http://xxxxxx.xxx/ddd.html?" + param;  location.href = url; } // --> </script> </head> <body>  <input type="text" name="text1" id="text1"/>  <input type="button" value="send" onClick="send();"/> </body> </html> // ddd.html <html> <head> <title>ddd</title> <script type="text/javascript"> <!-- function initOnLoad() {  var query = window.location.search.substring(1);  var params = query.split("&");  for( var i = 0; i < params.length; i++ ) {   var text = params[i].split("=");   if( text[0] == "text1" ) {    window.document.getElementById("text1").value = decodeURIComponent(text[1]);   }  } } // --> </script> </head> <body onLoad="initOnLoad();"> <input type="text" id="text1"/> </body> </html>

  • sh_hirose
  • ベストアンサー率66% (56/84)
回答No.3

とりあえずJavaScriptでうまくいったので。 ただしテキストボックスに日本語が入る場合はうまくいきません。 submitする際にJavascriptでテキストボックスの値をURLエンコードしなければいけません。encodeURI("対象文字列") // base.html <html> <head>  <title>base</title> </head> <frameset cols="50%,*">  <frame src="aaa.html" name="aaa"/>  <frame src="dummy.html" name="dummy"/> </frameset> </html> // aaa.html <html> <head> <title>aaa</title> </head> <body> <form action="bbb.html" method="GET">  <input type="text" name="text1"/>  <input type="submit" value="send"/> </form> </body> </html> // bbb.html <html> <head> <title>bbb</title> <script type="text/javascript">  <!--  function initOnLoad() {   var query = window.location.search.substring(1);   var params = query.split("&");   for( var i = 0; i < params.length; i++ ) {    var text = params[i].split("=");    if( text[0] == "text1" ) {     window.document.getElementById("text1").value = text[1];    }   }  }  // --> </script> </head> <body onLoad="initOnLoad();">  <input type="text" id="text1"/> </body> </html>

参考URL:
http://www.nishishi.com/javascript/2007/encodeuri.html
20090503q
質問者

補足

回答ありがとうございます。 凄く近いものがあるのですが日本語表記での仕方を模索しています。 やはりこれはどう一ページ内でジャバスクリプトしか手はないのでしょうか? わがままな質問で大変申し訳有りません。

  • OKbokuzyo
  • ベストアンサー率43% (130/296)
回答No.2

フレームで分けているなら window.parent.frames[0].document~ ってな感じで別フレームにアクセスできます。 完全に別ページならクッキーで値を渡すくらいしかないですね~

20090503q
質問者

補足

回答ありがとうございます!完全に別ページなのです… このクッキーの価の渡し方ってどうすればいいんでしょうか? ちなみに…window.parent.frames[0].document~では出来ませんでした… 至らないところ多々有りますが宜しくお願いします。 テキストボックス同士が駄目ならば…普通の文章を違うページのテキストボックスに入れたいのです… 宜しくお願いします。

関連するQ&A

  • 複数のテキストボックスでインデックスを取得する方法

    htmlでテキストボックスを複数作り、そのうちの一つの テキストボックスをクリックすると、Javascriptで そのテキストボックスのインデックスを取得したい思います。 ソースは簡単ですが、以下の通りです。 サンプルとして5つテキストボックスを作成していますが、 実際は不特定(データの読み込み件数)です。 onclick="hoge(???);" の???の部分に、テキストボックスのインデックスを書きたいのですが。。。 リストボックスだと、selectedIndexで取得できるようなのですが、 テキストボックスはどのような関数を使えばいいですか? <html> <head>   <script language="javascript">     function hoge(index){     alert(index);   }   </script> </head> <body>   <input type="text" name="hoge" onclick="hoge(???);"><br>   <input type="text" name="hoge" onclick="hoge(???);"><br>   <input type="text" name="hoge" onclick="hoge(???);"><br>   <input type="text" name="hoge" onclick="hoge(???);"><br>   <input type="text" name="hoge" onclick="hoge(???);"><br> </body> </html>

  • ボタンを押すとテキストボックスが増えるJavaScriptについて教えてください

    Javascriptで質問です。 <input type="text" name="hoge1" value=""> <input type="text" name="hoge2" value=""> <input type="text" name="hoge3" value=""> というようなテキストボックスがあり、「追加」というボタンを押すと 新たなテキストボックス <input type="text" name="hoge4" value=""> が追加されるようなJavascriptを作成したいと考えています。 新たに作られたテキストボックスには name="hoge4" name="hoge5" ・ ・ ・ というように、nameの部分に「hogeの右にある番号に1ずつ加算された名前」を付けていきたいのです。 検索すると、テキストボックスを追加していくだけのサンプルはいくつかあったのですが、nameの部分を加算していく、という例が無くて行き詰っています。 よろしくお願いいたします。

  • テキストボックス 追加

    最初5つのテキストボックスを表示して追加ボタンを押して、6個目から15個目を追加しようとしています。name="tb1" からname="tb15"までを設定したいです。15個になった際にボタンを押せなくしたいです。入力された情報をPHP側で処理しようとしています。 以下のソースを改良しようとしているのですが、うまくいきません。 どのようにしたらいいでしょうか? <script language="JavaScript"> <!-- function add(){ document.all.AddArea.innerHTML = document.all.AddArea.innerHTML + "<br><input type=\"text\" name=\"Txt_Object\">"; } // --> </script> </head> <body> <form id="f1"> <div id="AddArea"> <input type="text" name="Txt_Object"> </div> <input type="button" value="追加" onClick="add()"> </form> </body> </html>

  • テキストボックスから、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_で表しています。

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

    ボタンをクリックしたらテキストボックスに入っている文字色を黒から赤に変えたいんですがどのようにしたらいいでしょうか? 一応、自分なりに作ってみたものです。エラーがでます。 保存ファイルの拡張子は「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> ----------------------------------------------------------

  • テキストボックスのフォーカス移動

    こんにちは。 htmlページで<input type="text"/>に既定の桁数を入力したら次のinputにフォーカスを 移動させたいと考えています。 下の例の場合、1番目のテキストボックスに既定の桁数5ケタを入力したら、フォーカス を2番目のテキストボックスに移動させ、2番目のテキストボックスに4ケタ入力したら 3番目のテキストボックスにフォーカスを移動させるようにしたいと思っています。 スクリプトの再利用ができるよう、たとえば同じname属性を与えればその範囲内で 簡単にフォーカスを移動させられるようなものにしたいと思うのですが、うまくいきません。 何か良い書き方はありませんでしょうか? <div>  <input type="text" name="hoge" maxlength="5" onkeyup="test(this)"/>  <input type="text" name="hoge" maxlength="4" onkeyup="test(this)"/>  <input type="text" name="hoge" maxlength="5" onkeyup="test(this)"/>  <input type="text" name="hoge" maxlength="2" onkeyup="test(this)"/> </div>  ・  ・ <script type="text/javascript"> function test(elm) {  if (elm.value.length >= elm.maxLength) {   /*(気持ちとしては、ここにこのような感じのことを書きたいのですが・・・)     var arr_elm = document.getElementsByName(elm.name);     var n = elm.index + 1     arr_elm[n].focus();   */   } } </script>

  • テキストボックスの値を取得したい

    PHP、JavaScriptのプログラムに関して質問します。 下記のように変数$nameに"名前"と初期値が入っていて、Web画面上で下記テキストボックスに "ありさ"と書き替えて、修正ボタンを押しても、$_POST["name"]が"名前"のままで変更されていません。"ありさ"をPHPで取得したいのですが、何がおかしいのでしょうか? function send(){ document.fm.action = "aaa.php"; document.fm.operate.value = "modify"; document.fm.submit(); } <form name="fm"> <input type="text" name="name" value="<?=$name?>"> <input id="btn" type="button" name="modify" value="修正" onClick="send()"> </form>

    • 締切済み
    • PHP
  • ブラウザ上のテキストボックスから数値を受け取って別のテキストボックスに計算結果を返す

    超初心者です。 Cの勉強をしていたのですが、javascriptにも手を出してみました。 変数の考え方が違うせいか、理解が間違っているのか・・・ ブラウザ上でテキストボックスに数値を記入して、別なテキストボックスに計算結果を返すソースを考えていました。 以下のような感じです。 HTML ------------------------ <form> 林檎 100円 * <input type=text name=txt7>個  <input type=button value="計算" onClick="func4(txt7)"><br> 合計金額は<input type=text name=txt8>円になります。 </form> ------------------------- JS ------------------------ function func4(keisan){ document.form2.txt8.value=keisan*100; } ------------------------ 上記のように変数を使うとエラーになります。「NaN」が返ってきます。 変数を使用せずに、直接受け取る値を計算すれば出来たのですが・・・ ブラウザからなにかを入力させ、それを変数に代入した場合は数値(INT)型にはならないのでしょうか?? 詳しい方、解説をお願いします・・・

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

    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に入力されている値が 正常に表示されるのですが・・・。 テキストボックスの背景色だけを変える場合には どのようにしたらいいのでしょうか? どなたか教えてください。 よろしくお願いします。

  • テキストボックスへの値の代入と、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