こんにちは。
今、フレームセットの上にメニューバー、下にコンテンツ内容があるといったページを作っています。
上フレームにあるメニューボタンを押すと下フレームのページが切り替わるのですが、同時に上フレームにコンテンツごとの画像を表示したいのです。
はじめはメニューボタンをクリックするのと同時に画像のレイヤーを表示するスクリプトを記述していたのですが(hideとshowでその都度入れ替え)、それではキーボードのBackspaceボタンで戻ったとき上フレームの画像が前のコンテンツ画像のまま残ってしまいます。つまり上フレームのボタンを押さないとレイヤーが切り替わらないというわけです。
下フレーム内に入るページを表示するたびに上フレームの画像を表示するといったスクリプトをしたフレーム内のページのBODY要素にonloadとして記述すればよいのでしょうか?
またどのように記述すればよいのかもわかりません。
わかる方がいらっしゃいましたらどうか宜しくお願いします。
No.1ベストアンサー
- 回答日時:
想像ですが、
> 下フレーム内に入るページを表示するたびに上フレームの画像を表示するといったスクリプトをしたフレーム内のページのBODY要素にonloadとして記述すればよいのでしょうか?
この発想でイケると思います。
> またどのように記述すればよいのかもわかりません。
別フレームのオブジェクトを指定する場合は
window.フレーム名.オブジェクト名
という指定を使えば、別フレームから、他のフレームのオブジェクトを操作することが可能です。
ex)
window.menuframe.document.layers[id].visibility = "show";
って感じで。
ただ、別件ですがレイヤー (layer) は、IE 非対応、NN6 以降非対応 (廃止) されたので、NN4 のみで使えるものです。
IE では
window.menuframe.document.images[subscript].style.visibility = "visible" || "hidden";
みたいにして使いましょう。
ご回答ありがとうございました。
なんとか、別フレームのオブジェクト操作ができるようになりました。
お返事遅くなって申し訳ありません!
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- VR・AR YoutubeでVRゴーグル用の切り替えボタンが表示されない? VRゴーグル(中にスマホを入れるタイ 3 2022/10/20 10:27
- その他(教育・科学・学問) 技術のテストの問題です。やり方を教えてください! 間1.7バイトは何ビットか。 間2.5ビットで表現 4 2023/02/27 00:09
- Word(ワード) Word のマクロについての質問です。 ボタンを押すと登録したブックマーク先にジャンプする機能(リン 3 2023/08/16 12:17
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- gooメール Gメールログインの件 2 2022/07/08 23:44
- Excel(エクセル) excelvbaでスライドショーを作りたい 2 2023/04/20 14:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Safariで<iframe>のinnerHTMLを...
-
上と左にフレームわけされてい...
-
エラー:書き込みができません ...
-
別フレームへのリンク文字上で...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
Dreamweaver で 外部JSを読み込...
-
pythonのWebスクレイピングでfi...
-
条件分岐で、読み込む外部スク...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
function の return 値を表示し...
-
リンクをクリックすると文字が...
-
jqueryでのkeydownイベント発生...
-
ウィンドウ名の設定
-
擬似フレーム
-
Mac IE でスクリプトエラー
-
<FORM ACTION= をつけると「宣...
-
onloadで2つの関数を設定したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームでの右クリック禁止
-
別フレームの中にあるインライ...
-
フレームが入れ子状態です。フ...
-
別画面の関数の呼び出し
-
ワンクリック、ダブルウインド...
-
チェックボックスのチェックを...
-
親ウィンドウの別フレームを子...
-
フレーム分割すると動かない
おすすめ情報