別フレームに画像を表示する

このQ&Aのポイント
  • フレームセットの上下に配置されたページで、メニューボタンを押すと下フレームのページが切り替わる際に、上フレームに対応する画像を表示したいです。
  • 現在、メニューボタンをクリックするたびに画像のレイヤーを切り替えるスクリプトを使用していますが、上フレームの画像が戻るときに残ってしまいます。
  • 上フレームの画像を切り替えるために、下フレーム内のページのBODY要素にonloadとしてスクリプトを記述することができます。具体的な記述方法についても教えていただきたいです。
回答を見る
  • ベストアンサー

別フレームに画像を表示する

こんにちは。 今、フレームセットの上にメニューバー、下にコンテンツ内容があるといったページを作っています。 上フレームにあるメニューボタンを押すと下フレームのページが切り替わるのですが、同時に上フレームにコンテンツごとの画像を表示したいのです。 はじめはメニューボタンをクリックするのと同時に画像のレイヤーを表示するスクリプトを記述していたのですが(hideとshowでその都度入れ替え)、それではキーボードのBackspaceボタンで戻ったとき上フレームの画像が前のコンテンツ画像のまま残ってしまいます。つまり上フレームのボタンを押さないとレイヤーが切り替わらないというわけです。 下フレーム内に入るページを表示するたびに上フレームの画像を表示するといったスクリプトをしたフレーム内のページのBODY要素にonloadとして記述すればよいのでしょうか? またどのように記述すればよいのかもわかりません。 わかる方がいらっしゃいましたらどうか宜しくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • nipotan
  • ベストアンサー率59% (134/227)
回答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"; みたいにして使いましょう。

nico96
質問者

お礼

ご回答ありがとうございました。 なんとか、別フレームのオブジェクト操作ができるようになりました。 お返事遅くなって申し訳ありません! ありがとうございました。

関連するQ&A

  • フレームページのメニューボタン

    いくつか同じような質問がありましたが、スクリプトでの解決方法がみつかりませんでしたので質問させてもらいます 今フレームを使ったHPを作っています フレームは上下で分割してあり、上のフレームにはFLASHをつかったメニューボタンを入れあり、ボタンを押すことで下のフレームに各ページを表示させます メニューボタンはマウスが乗ると色が変わるボタンなんですけど 下のフレームに表示してあるページと対応したボタンが常にonの状態になるようなFLASHメニューにしたいんですけどスクリプトをどう記述したらいいかわかりません だれか教えていただけないでしょうか? ちなみにFLASHソフトはフリーソフトSUZUKAを使っています

  • フレーム別に更新

    indexから上フレームと下フレームに分けています。 上フレームにはメニュー、下フレームにはコンテンツです。 上フレームに下フレームだけを更新できるリンクを張りたいのですが方法はあるでしょうか? ただし<A href="http://下コンテンツへのURL" target="コンテンツ">は使えません。メニューフレームで選んだコンテンツが、下フレームに表示される為、下フレームの内容が毎回違います。 よって上フレームのリンクで下フレームだけを更新できるようにしたいんです。 詳しい方やご存知の方がいらっしゃいましたらご伝授お願いします。日本語がわかりにくくてごめんなさい。

  • Dreamwewaver4 フレーム間のリンクについて

    Dreamweaver4でHPを作成しています。 上下二つのフレームに分けて、上はメニュー、下をコンテンツとして使っています。 例えば、メニューの中の”news”をクリックすると 上のフレームはそのままで、下のコンテンツにはフレームなしのnewsに関する情報がでます。 次に、メニューの中の”item”をクリックすると 上のフレームはそのままで、下のフレームに左右に分かれたフレームを表示させ(左はメニュー、右は画像) 左のメニューをクリックすると、右の画像が変わるページを作りたいのですが、 左のメニューをクリックすると画像が下フレームいっぱいに表示され、左のメニューが消えてしまいます。 ちなみにフォルダは分けていません。 それも関係あるのでしょうか? 分かりにくい説明ですみません。 タグ打ちとかわからないので、できればそれ以外の 方法でよろしくお願いします。

  • 別のフレームに画像を表示させる

    検索をかけてみたのですが、同じ質問は見付からず 似た(?)ような質問の回答では理解出来ないので どなたかご存知の方が居ましたらお願い致します マウスを乗せた時、他の画像を表示させたり、画像に効果をつける ロールオーバーという機能の仲間なのではないかと思うのですが 「マウスを乗せた時、別のフレームに画像を表示させる」事は可能なのでしょうか? フレームを上下に分けて、上は写真のサムネイルで そのサムネイルにマウスを乗せた時に 下のフレームに大きめの、サムネイルとは別の画像を表示させたいのですが やり方が判りません。 ロールオーバーも使った事がなかったのですが やってみたら(基本の効果は)、そこそこ理解出来ました。 フレームも最近覚えた初心者ですので、スクリプトも良く判りません (作られたソースを貼る位しか出来ません・・・・) 宜しくお願い致します

  • フレーム分割したページの表示で困っています。

    ホームページビルダー9でホームページを作成しています。 ページを上下に2分割して上のフレームにリンクメニューを、下のフレームにメニューのリンク先を表示するように作りました。 自分のデスクトップパソコンでは問題なく表示されているのですが、試しにB5サイズのノートパソコンで表示してみると、画面全体が表示されず、上のページのメニューボタンを表示しているところが下のフレームページで隠れてしまっているのです。 下フレームは属性で自動的にスクロールバーが出るように設定しているので問題ないのですが、上のメニューは「なし」に設定しています。 ※デザイン上、表示させたくないので。 ここからが質問です。 ページを表示させた時に、ページ全体のサイズを変えても上のメニューのフレームページが常に下のフレームページの上に来るように、つまり、上のメニューページのサイズは変わらないように固定させる方法(!?)を教えて下さい。 説明がへたで申し訳ないのですが、どうぞ宜しくお願いします。

  • HP作成中。3フレーム中2つを常に表示させたい。

    HPビルダー7でHP作成中です。フレームのあるページを作っています。 上(メニューボタンを並べる予定)と左横に細長くフレームを配置し、上フレームのメニューボタンを押すと右下の広めのフレームに(メニューボタンに応じて)ページが次々と表示されるようにしたいのです。 で、作ってみると上のメニューボタンを押すとページは変わるんですが、上のフレームまで消えてしまう(左のフレームだけそのまま表示される)のです。 上と横のフレームをそのまま常に表示させるにはどうしたらいいのでしょう? フレームを固定表示させるタグなどありましたら教えてください。よろしくお願いします。

  • 別フレームの.cssの変更

    こんにちは。 javascriptを使って.cssファイルを切り替えることにかんしてのしつもんです。 左フレームと右フレームがあって、 右のフレームに表示されているページのボタンとか文字とかをクリックすると、関数が呼び出されて、左フレームに表示されているページの.cssファイルを切り替えるようなscriptは、どう記述すれば、いいですか?

  • 画像がランダムに表示されるFLASH

    いつもお世話になっています。 以下のようなFLASHを作りたいのですが、やり方がわからず困っています。 (1)リロードするたびにランダムで切り替わる画像1~6がある (2)画像の横にボタン1~6があり、マウスオーバーするとそれぞれ画像1、画像2…と表示される (3)ボタン1~6をクリックするとwebページ1~6へジャンプ(リンクさせている) 上記目的のうち、(2)(3)については完成しています。具体的にはAフレームには画像1、Bフレームには画像2…と配置し、ボタン1~6のアクションスクリプトにそれぞれ「マウスオーバー時にAフレームに飛ぶ」と記述しています。そしてメインのタイムライン1フレーム目にはアクションスクリプトに「ボタン1がクリックされたらwebページ1へ、ボタン2がクリックされたらwebページ2へ…」と記述しています。 これで(2)(3)の目的は果たせており、問題は(1)です。 ランダム表示される画像があり、ボタンのマウスオーバーで指定した画像が表示され、クリックでwebページへとぶ、ためにはどこにどんな記述をすれば良いのでしょうか? ちなみに作ったFLASHがサイトのトップページの一部となり、クリックで飛ぶwebページはそのサイト内です。 アドバイスいただけると助かります。 どうかよろしくお願いします。FLASHは上記がほぼ初めての挑戦である初心者です。

  • フレームの再表示

    2つのフレームがあるHTMLで、左にメニューがある場合に メニュークリックで右にそのメニュー対応のHTMLコンテンツが表示されるのは 一般的なパターンだと思いますが 再表示ボタンを押すと、どうしてもTOPに戻ってしまうんです。 index.htmlの再表示ならそう書いてあるので当然とも言えるんですが、不便です。 同様なページで、そうならない(リンクそのままで再表示される)ところもありましたが どう見ても違いが分かりません。 なにか特殊な仕掛けが必要なんでしょうか??

  • フレームの一部だけ抜けたい

    ┌──────────┐ │──────────│ │      │   │ │      │   │ │      │   │ └──────────┘ フレームをこのようにわけた場合、(ずれてたらすみません) 一番上のフレームにあるメニューをクリックしたとき、 下の2つのフレームを合わせて1つにして(ここだけフレームを抜けて) そこへコンテンツを表示させることってできるでしょうか? つまり、上下のフレームを残したまま、左右のフレームを 解除したいということなのですが…。 JavaScriptでもかまいません。 可能であれば記述のしかたを教えてください。 説明がわかりにくくてごめんなさい。補足しますのでよろしくお願いします。

    • ベストアンサー
    • HTML