テキストボックスを持つ2つのWebページ(A.html,B.htmlとします)があります。
A.html内にB.htmlを開くJavaScript
(window.open("B.html");)を記述しています。
このスクリプトを実行したらB.htmlを新しいウィンドウで開きますが、
このBページ内のテキストボックスに文字データを入力して、
OKを押したら、A.htmlのテキストボックスにデータを表示させたいのです。
こういうことはJavaScriptだけでできないのですか?
cgi+JavaScriptを使わないとできないのでしょうか?
フレーム間の場合はできそうですが、ウィンドウ間と言うのは出きるのか
不明です。
ご存知の方、よろしくお願いします。
No.2ベストアンサー
- 回答日時:
説明のために、
A.html、B.htmlのフォーム、テキストボックスをそれぞれform_a、form_b、txtbox_a、txtbox_b
としますね。
B.html内で、テキストボックスの文字データは
document.form_b.txtbox_b.value
と表せます。同様に、A.html内で、テキストボックスの文字データは
document.form_a.txtbox_a.value
と表せます。
ここで、B.htmlはA.htmlから開いた子ウィンドウですので、B.htmlから見てA.htmlは「このウィンドウを開いたウィンドウ」と表すことができるため、
window.opener
でアクセスできます。
つまり、B.htmlで、JavaScriptで
window.opener.document.form_a.txtbox_a.value = document.form_b.txtbox_b.value ;
と表記すれば実現できるかと思います。
分かりやすい解説、どうもありがとうございました。
私もopenerを操作してみるとできることにきづいてしまいました。
お時間とって申し訳ありませんでした。
まだまだオブジェクトについて理解不足です。上の回答ページを参考に
勉強します。
No.1
- 回答日時:
B.htmlの方に
<SCRIPT LANGUAGE="JavaScript">
<!--
function SetText()
{
window.opener.document.FORM.text.value = document.f2.t2.value;
}
// -->
</SCRIPT>
を記述して、B.htmlのフォームのボタンが押されたら呼び出すようにして下さい。
window.openerはB.htmlを開いたHTML(つまりA.html)のことを指していて、
FORM、textはそれぞれA.htmlのフォームとその中のテキストボックスの名前です。
f2、t2はB.htmlの方のそれになっています。
分かりやすい解説、どうもありがとうございました。
私もopenerを操作してみるとできることにきづいてしまいました。
お時間とって申し訳ありませんでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ウィンドウ名の設定
-
特定のウィンドウ名を持つウィ...
-
親ウィンドウから子ウィンドウ...
-
window.openで同画面遷移しない
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
SCRIPT5007: 未定義または NULL...
-
毎回、ページ読み込み時に1回...
-
ホームディレクトリを示すチル...
-
出荷予定日を表示するJavaスク...
-
SQLのWHEREで全てを質問する方法
-
JavaScriptでiframeの内容を「...
-
JavaScriptのエラー ( 関数の...
-
javascriptとApacheの設定
-
特定のページから移動してきた...
-
インラインフレームで表示され...
-
(Javascript)印刷するファイル...
-
自動ジャンプでフォームデータ...
-
小窓を表示する時に、必ず右上...
-
相対パスと絶対パスの速度
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで同画面遷移しない
-
window.open でExcelファイルを...
-
特定のウィンドウ名を持つウィ...
-
ポップアップウィンドウの位置
-
openerの関係が崩れてしまった...
-
ウィンドウ名の設定
-
親ウィンドウから子ウィンドウ...
-
ページを表示すると同時に複数...
-
親タブから子タブ開いて親タブ...
-
Ajaxでウインドウ出力について
-
window.openerを使っての操作
-
フレーム内から開いたサブウィ...
-
javascriptからウィンドウを開...
-
2つ同時にポップアップページ...
-
JavaScript <a>タグで開いた画...
-
クリッカブルマップから 小ウ...
-
HTMLでのブラウザタブの制御
-
ウィンドウを最大化したい!
-
ウィンドウのフォーカスについて
-
JavaScriptで開いている別ウィ...
おすすめ情報