メニュー、メインの2つのフレーム分けしてあるページで、メインページからサブウィンドウを開きます。
その後、以下の2アクションを同時に行いたいのです。
(1)サブウィンドウから親ウィンドウ(メイン)をジャンプさせる
(main.html→main2.cgi)
(2)親ウィンドウ(メニュー)の画像をAからBに変更させる
現在window.openerでメインページの変更はできているのですが、
メニューページの画像のを変更がうまくできません。
方法としては
(1)サブから親ウィンドウ(画像=A)を閉じさせて、再び親ウィンドウ(画像=B)を
フレームセットごとムリヤリ開き直す。
(2)何らかの形でメニューページの情報を保存しておき、Onloadでサブからのジャンプ時に変更させる
(3)サブから親ウィンドウのフレーム越し操作を行なって、メニューページの画像を変更する。
どの方法が可能でしょうか、もっといい方法がありますか。
お知恵拝借させてください。よろしくお願いします。
以下、かなり省略したソース説明です。
【フレームセット→cgi。記述は省略】
<frameset>
<frame src="menu.html" name="menu">
<frame src="main.html" name="main">
</frameset>
【メニュー→html】
<img src="A">
【メイン→html】
function open_sub(url) {
/**/
w = window.open(url, 'sub')
}
<!--本文-->
<a href="javascript:open_sub('sub.html')">サブウィンドウ</a>
【サブ→html】
function change_main() {
window.opener.location.href="main2.cgi?sub";
window.opener.focus();
}
<!--本文-->
<A HREF="JavaScript:change_main()">メインを変更</A>
No.1ベストアンサー
- 回答日時:
>(3)サブから親ウィンドウのフレーム越し操作を行なって、メニューページの画像を変更する。
この方法で可能だと思います。
画像表示の<IMG>タグ(イメージオブジェクト)に名前を付けます。
そして、そのファイルを指定するURLをフレーム越しに動的に変更します。
変更例)
【メニュー→html】
<img src="A" name="g_1">
【サブ→html】
function change_main() {
window.opener.top.menu.document.g_1.src="B";
window.opener.location.href="main2.cgi?sub";
window.opener.focus();
}
この回答への補足
回答ありがとうございます。window.opener.top.menu.document.g_1.src="B"; の
top.menu.documentというのは、何か構文が決まっているのでしょうか?
このまま記述しても作動しなかったです。
window.opener.menu.g_1.src="B"; でもダメでした。
フレームセットはdammy.cgi、メニューはmenu.html、メインはxx_main.htmlのような名前で記述しているのですが。
よろしければ補足回答いただけますか
その後、さらに調べてみて
画像だけをA→Bに差し替えたメニューページのコピーを作って
window.opener.parent.menu.location.href="menu2.html";
とすることで対処できました。どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- その他(OS) Windowsで大量の画像サイズを半自動で変更する方法 6 2023/02/17 08:45
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- その他(パソコン・周辺機器) 2つのPCを行き来する 2 2022/06/15 01:59
- Word(ワード) Microsoft Word2023で、修正箇所を表示させたい 1 2023/02/09 10:07
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
サブウィンドウから親ウィンド...
-
javascriptからウィンドウを開...
-
window.open でExcelファイルを...
-
<a href="#" …>の意味を教えて...
-
複数のJavascriptを1つのscrip...
-
bodyにidをつける理由は何ですか?
-
javascriptファイルは1つに統...
-
javascriptの外部ファイルで行...
-
新しいウィンドゥを最大化で立...
-
javascriptでbgmを自動再生する...
-
コピーライトの年表示について...
-
キーを押している間の時間を計...
-
ページ全体を検索して特定文字...
-
function の return 値を表示し...
-
JavaScriptでのEnterキーとAlt+...
-
変数の代入値を外部の.txtファ...
-
jsファイルが開けません
-
レンタルサーバーでjavascript...
-
<a href>での背景色について。
-
WSHでのIE制御について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで同画面遷移しない
-
特定のウィンドウ名を持つウィ...
-
ポップアップウィンドウの位置
-
window.open でExcelファイルを...
-
JavaScript <a>タグで開いた画...
-
javascriptからウィンドウを開...
-
入力したテキストボックスのデ...
-
フレーム内から開いたサブウィ...
-
親タブから子タブ開いて親タブ...
-
親ウィンドウから子ウィンドウ...
-
<FORM>タグのtargetに値を書込...
-
openerの関係が崩れてしまった...
-
ウィンドウのフォーカスについて
-
ウィンドウ名の設定
-
window.openで
-
window.open()の複数の使用
-
サブウィンドウから親ウィンド...
-
タイトルバーのウインドを閉じ...
-
小さなウインドウ開いて自動閉...
-
ページを表示すると同時に複数...
おすすめ情報