submitボタンで他のフレームを更新する方法
submitボタンで他のフレームを更新する方法が分かりません。
現在、以下のようなフレーム分けされたページがあります。
<frameset cols="50%,*">
<frame name="AAA" src="A.php">
<frame name="BBB" src="B.php">
</frameset>
ここで、A.php のフォーム内のsubmitボタンクリックのタイミングでA.phpは、
C.phpに遷移するのですが、同時にB.phpもD.phpに遷移させたいです。
方法をご存知のかたがいましたら教えてください。宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
ページ移動はlocation.hrefです。
<form action="C.php" target="AAA" onsubmit="top.BBB.location.href='D.php';">
No.1
- 回答日時:
<frameset>があるhtml(又はPHP)はC.PHPと同じドメインですよね。
だったら、
C.PHPのjavascriptで自身のonloadのイベントで、親ページをチェックして、
BBBのsrc属性を書き換えてやればよいかと、思います。
C.PHPから見た親(window)は、window.parent で参照できます。
if(window.parent.location.href == "hoge"){
for (var i = 0; i < window.parent.frames.length; i++) {
if(window.parent.frames[i].name="BBB")
window.parent.frames[i].src="D.php";
}
}
この回答への補足
ご回答有難うございました。
説明不足でした。
C.phpの処理時間が長いため、別フレームでD.phpを表示して進行状態を表示しようとしています。
教えて頂いたようものを真似てに以下の関数を作成したのち
//////////////////////////////////////////////////////////
function Refresh() {
for (var i = 0; i < window.parent.frames.length; i++) {
if(window.parent.frames[i].name == "BBB") {
window.parent.frames[i].src = "D.php";
}
}
return true;
}
//////////////////////////////////////////////////////////
C.phpに <body onload="return Refresh();"> を追加したり
A.phpに <input type="submit" value="Start" onclick="return Refresh();">
を追加したのですが B.phpがD.phpに更新されません。
また、src属性の更新前の中身をalertでデバッグするとundefineとなっていました。
何かお気づきの点などありましたら教えてください。宜しくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
時間ごとに表示するページを変...
-
インラインフレームで表示され...
-
フレームでの右クリック禁止
-
iframeの属性(スクロールバー)...
-
スマホ上で、左右スワイプで次...
-
エラー:書き込みができません ...
-
別ページのインラインフレーム...
-
フレームを跨ぐドロップダウン...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
(Javascript)印刷するファイル...
-
複数のJavascriptを1つのscrip...
-
base64encodeでの文字化けについて
-
入力したテキストボックスのデ...
-
ウインドウの後ろに隠れている...
-
JavaScriptでiframeの内容を「...
-
ウインドウを縮小しても文字を...
-
Cygwinでログをのこす方法
-
jQueryでdivをクリックし別窓で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームでの右クリック禁止
-
別フレームの中にあるインライ...
-
フレームが入れ子状態です。フ...
-
別画面の関数の呼び出し
-
ワンクリック、ダブルウインド...
-
チェックボックスのチェックを...
-
親ウィンドウの別フレームを子...
-
フレーム分割すると動かない
おすすめ情報