• ベストアンサー

ページ間で変数を保持したい

いつもお世話になっております。 今回はhtml間での値渡しについてお聞きしたいです。 現在ある二つのページA,Bを作成していまして、お互いにリンクが張ってあります。 AからBに行く時、Aの中にあるフォームの内容をBに表示したく外部jsファイルでグローバル変数に保持したりなどやってみましたがだめでした。 そもそもこのようなことをjavascriptのみでできるのでしょうか? また可能ならばどのようにすればよいでしょうか? ご教授お願いします。

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

  • ベストアンサー
  • auty
  • ベストアンサー率58% (284/486)
回答No.1

<form action="fB.html" method="get"> とした場合の例ですが、 以下のコードを参考にしてみてください。 ------------------------------------------------------------ fA.html ------------------------------------------------------------ <html> <head> </head> <body> <form action="fB.html" method="get"> <input type="text" name="t" value="textA"></input> <input type="hidden" name="h" value="hiddenA"> <input type="submit"> </form> </body> </html> ------------------------------------------------------------ fB.html ------------------------------------------------------------ <html> <head> <script type="text/javascript"> <!-- function init() { var arr=Array(); var ss = ""; var querys=location.search; if(querys) { var q = querys.replace(/^\?/,'').split('&'); for(i=0 ; i<q.length ; i++){ var pair=q[i].split('='); // arr[pair[0]]=pair[1]; ss += pair[0] + " = " + pair[1] + "\n"; } } alert(ss); } window.onload= init; //--></script> </head> <body> </body> </html>

iec1128
質問者

お礼

ご回答ありがとうございます。 参考にしてやってみます。

その他の回答 (2)

  • urecy
  • ベストアンサー率54% (30/55)
回答No.3

まずDOMを使うことになります document.getElementById("xxx").value ↑こんなかんじのやつです。 例を挙げると ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー function test(){ var hensu = document.getElementById("id1").value; alert( hensu ); } ↑は <head>から</head>の中に記述して。 ↓は<body>から</body>の中に記述してみてください。 <input type="button" value="push" onclick=" test(); "> <span id="id1" value="2008">spanタグの中のvalueの値を取得します</span> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 上を実行してみると、id1となっている場所を探して そのvalueの値をとってきているのがわかると思います。 (IEのみで動きます。FIERFOXに対応するやりかた忘れちゃいました 必要であれば思い出します。) 知っていれば多少話がはやいのですが、ご存知でしょうか? また他の方も回答されていますが 次のページに渡したい値がある場合は、アドレスで pageB.html?hensu=35&hensu2=54 などとして、pageB.html に値を渡せます。 ここまでがある程度わかれば 参考URLをみていただくだけで、あとはいける思います。

参考URL:
http://www.s-memo.net/blog/2007/03/javascriptget_1.php
iec1128
質問者

お礼

ご回答ありがとうございます。 現状ではまずIE対応を目指しています。 まずはURLの後ろにつけるやつをやってみようと思います。

  • 15mm
  • ベストアンサー率65% (65/100)
回答No.2

<form>ではなく、リンクをクリックしたら、というのでしたら、 <a onclick="">等で location.href="fB.html?変数名1="+(テキストボックス等).value+"&変数名2="+・・・(略) のようにしてあげるとNo1の方のfB.htmlの要領でできます。

iec1128
質問者

お礼

ご回答ありがとうございます。 参考にしてやってみます。

関連するQ&A

  • 違うページの変数を使用する

    JavaScriptを最近独学ではじめました。 サイトを立ち上げているのですが、 Aと言うページがあります。 Aと言うページの中に、Bにつながるリンクをおいています。 そのBにつながるリンクをクリックすると、Aのページに定義されている関数、『out(data)』が読み出されます。 Bにつながるリンクには、『onClick="out(aaaaa)"』があるとします。 このBにつながるリンクをクリックすると、Aのページのdataにaaaaaが入りますよね? このaaaaaをBのページの変数textに入れたい場合は、どのようにすればいいのでしょうか。 JavaScriptにグローバル変数と言うものはあるのでしょうか。 検索をかけても、意味が良く分かりません。 すみませんが、ご教授ください。 お願いします。

  • ACCESSで変数の保持

    ACCESSを使っていますが、いまいち分からない点があります。 フォームのイベントで、変数に値を代入するのですが、 フォームAの変数AをフォームBのイベントで確認したいのですが、うまくいきません。 良く分からない表現で申し訳ありませんが、どのようにしたら良いのでしょうか。 よろしくお願いします。

  • 外部jsファイルの変数に代入するには?

    初心者ですがjavascriptについて質問です。 なんらかの値を外部ファイル内の変数に代入させることは可能なのでしょうか? うまく説明できませんが・・・ あるjsファイル内の文字をリンク先の外部jsファイル内の変数の中に入れたいです。 <例> abc.js の中にある文字列"○○○" ↓ abc.jaから <a href="xyz.js">にリンク ↓ xyz.js の中の var xxx ="○○○" に、したいのですが・・・説明が下手ですみません。 わかる方是非教えてください。

  • javascriptからPHPに変数を渡したい

    Javascriptで制御しているクライアントのページと PHPで制御しているサーバ側のページがあります。 クライアント側のページで生成したJavascriptの変数の値を サーバ側のページに送りPHPで処理したいと考えています。 どのようにすれば変数の値を送ることが出来るでしょうか? 出来ればフォームを使わずに内部処理で行いたですが、 出来なければフォームでも構わないのです。 簡単で構わないので例文を頂けると非常に助かります。 まったくの初心者で恐縮ですが、教授よろしくお願いします。

  • 変数を複数ページにわたって保持するには?(Smarty)

    メール送信画面を作成しています。 まだPHP・Smarty初心者なので四苦八苦です。 Smartyに関する質問です。 画面A→画面B→画面C・・・ のように、複数ページにわたって変数を保持するにはどうしたらよいのでしょうか? 画面BやCになったときに <input type="hidden" value="{$smarty.post.NAME}"> のように、毎回hiddenを用いる方法しか思いつきません。 もっと簡単な方法があれば、どなたかご教授お願いいたします。

    • ベストアンサー
    • PHP
  • 値の保持の仕方について

    初めまして。 .net2003で開発を行っております。 .jsファイルでjavascriptを書いております。 値の保持の仕方で、sessionやcookieやhiddenを 使えばできるとのことはわかりましたが、初めて一週間しか たっておりませんので書き方がいまいちわかりません。 HTMLに埋め込むのではなく、.jsファイルに sessionやcookieを書くときの書き方をご教授願います。。。

  • 初歩的な質問です 変数の値を保持

    perlの勉強中なのですが、 例えばCGIを呼び出した際にある特定の処理により、 変数$hogeにスカラーコンテキストを格納したとします。 そして次にCGIが呼び出されるまで、その$hogeに格納されているスカラーコンテキストは保持されたままでいるのでしょうか?保持されていれば、その保持されていた値を利用してまた新たな値を生成して$hogeに格納できて非常に便利だと思っています。実際、今私がしたい処理は、これができればかなり楽なはずなんです。 ですが、私自身は、保持できないのでは?と思っています。ですので、その保持しておきたい値を外部ファイルにいちいち格納してやる必要があるのかなと思っています。そして必要なときはその値を外部ファイルから得て、そしてまた外部ファイルの値を書き換えてという作業が必要になるのでは?と思っています。 また、保持できるのであるならば、どのようなことをすればリセットできるのでしょうか。つまり、そのサイトから一度離れればいいのでしょうか?

    • ベストアンサー
    • CGI
  • 変数を次のページに渡すCGI

    携帯サイトを作成しているのですが、 リンクのファイル名を変数にいれ次のページに渡すにはどうすればよいでしょうか? リンクA(a.html) リンクB(b.html) リンクC(c.html) ↓$h = a 変数にaを入れます。 次のページ(http://~~~~~/$h.html) 次のページを1つ作るだけで、その前のリンクを表示させたいんです。 説明がへたですいません。 よろしくお願いします。

    • ベストアンサー
    • CGI
  • 関数内でのグローバル変数

    iQuery やいくつかのライブラリを使用しています。 外部でグローバル変数を定義して、ある関数内でそのグローバル変数に値を設定すると、関数を抜けた時に変数値が保持されている場合と undefined になる場合があります。 どのような関数では保持されて、どのような関数では保持されないのか、よくわかりません。 保持されない関数において、関数内で得た値を外部に反映させたい場合はどのようにすれば良いのでしょうか。

  • 新規にページを開いてそのページにあるフォームに任意の値を入れたい

    新規にページを開いてそのページにあるフォームに任意の値を入れたい。 タイトルのとおりですが、 例えば、 1.自分のページでとあるリンク「 javascript について質問する。」をクリックする。 2.新規ウィンドウでページ「教えて!goo - 新規質問」が開く。 3.質問タイトルに「 javascript についての質問です。」が既に入力済みとなっている。 というような処理を javascript で実装することは可能なのでしょうか。 (教えて!goo だけでなくて Yahoo!JAPAN のトップページの検索ボックスでも何でも構いません。) prototype.js などいろんな公開されている js ファイルを使用するので構いません。 もしわかる方がいましたら、よろしくお願いします。 趣味程度ですので、暇なときにご回答いただければ幸いです。