![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
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ランキング
-
親フレームからkeydownイベント...
-
エラー:書き込みができません ...
-
同期をとる
-
複数フレームで「戻る」ボタン...
-
スマホ上で、左右スワイプで次...
-
<a href="#" …>の意味を教えて...
-
【javascript クロスブラウザ...
-
別ファイルのfunctionの読み込み方
-
プルダウンメニューを別ファイ...
-
javascriptでalertの文字列をコ...
-
相対パスと絶対パスの速度
-
シャドウボックスとjQueryを共...
-
リンク先のURLを記述せずに、Ja...
-
JavaScriptからVBScriptの呼び...
-
外部ファイルJS参照を全て消さ...
-
ホームディレクトリを示すチル...
-
cssにjavascriptを入れる?呼び...
-
特定のページから移動してきた...
-
一部のテキストだけのKEYCODEを...
-
htmlのチェックボックスで動的...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
インラインフレームをドラッグ...
-
HTMLでサブフレームから親のス...
-
フレームを跨ぐドロップダウン...
-
jqueryを利用してインラインフ...
-
別ページのインラインフレーム...
-
親ウィンドウの別フレームを子...
-
openerは使えないのでしょうか?
-
フレーム内のiframeのデータの...
-
ブラウザのURLアドレス文字表記...
-
フレーム分割領域のサイズを変...
-
エラー:書き込みができません ...
-
フレームで隠れるポップ
-
HTMLフォームボタンによるター...
-
別フレームのページが読み込み...
-
フレームのあるHPでプルダウン...
-
別フレームの中にあるインライ...
-
Javaでテトリスを作っています。
-
他のページ更新
おすすめ情報