
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も見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレームページで、最大化など...
-
javaとフレーム
-
インラインフレームでわからな...
-
フレーム間でジャバスクリプト...
-
フレーム分割について
-
オンマウスで画像を表示〈フレ...
-
スマホ上で、左右スワイプで次...
-
IFRAMEの親からのjavaスクリプ...
-
<iframe>~</iframe>内のwindow...
-
JavaScript、動作解説のおねがい!
-
フレームでページ切りかえの後...
-
JQueryでhtmlファイルをライト...
-
2つのフレームに対して同時にリ...
-
自動的に別フレームを更新するには
-
LYCOS(WiseNut)のプレビュー機...
-
プルダウンメニュー
-
直フレーム内ページにきた場合...
-
プルダウンメニューからリンク...
-
Firefoxで効果音を出すには?
-
新しいウィンドウで開きたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
openerは使えないのでしょうか?
-
フレームでの右クリック禁止
-
親ウィンドウの別フレームを子...
-
ブラウザのURLアドレス文字表記...
-
フレームのことで
-
submitボタンで他のフレームを...
-
フレームを跨ぐドロップダウン...
-
別ページのインラインフレーム...
-
Safariで<iframe>のinnerHTMLを...
-
インラインフレームで表示され...
-
textarea入力された文字をjump...
-
子フレームの自動リロードは可...
-
右フレームのテキストに、値を...
-
フレーム分割領域のサイズを変...
-
ブラウザごとに違うとは思いま...
-
2つ親のフレームにアクセスしたい
-
showModalDialog()による新規ウ...
-
フレームを分けたときに共通で...
-
名前が定義されていないiFrame...
おすすめ情報