こんにちは。
今、フレームセットの上にメニューバー、下にコンテンツ内容があるといったページを作っています。
上フレームにあるメニューボタンを押すと下フレームのページが切り替わるのですが、同時に上フレームにコンテンツごとの画像を表示したいのです。
はじめはメニューボタンをクリックするのと同時に画像のレイヤーを表示するスクリプトを記述していたのですが(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ランキング
-
HTMLでサブフレームから親のス...
-
フレームを介したrefferの取得方法
-
親フレームのURLによって、...
-
あなたのXAMPPのdashboard内のj...
-
<a href="#" …>の意味を教えて...
-
jqueryでのkeydownイベント発生...
-
ブラウザの「戻る」ボタンを押...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
外部のテキストデータをJSでHTM...
-
JavaScript でキーを送る
-
JavaScriptのエラー ( 関数の...
-
javascriptファイルは1つに統...
-
htmlで任意の行の文字位置を右...
-
音楽再生用jQueryプラグイン「j...
-
<script>タグというのはどこか...
-
外部ファイルJS参照を全て消さ...
-
Backbone.js イベントが効かない
-
文字にふれただけでリンクさせ...
-
JavaScriptが無効の場合
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
フレームでの右クリック禁止
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームが入れ子状態です。フ...
-
別フレームの中にあるインライ...
-
チェックボックスのチェックを...
-
ワンクリック、ダブルウインド...
-
別画面の関数の呼び出し
-
フレーム分割すると動かない
-
複数のページ(html)のvalueを...
おすすめ情報