締切済み

１度に複数フレームの表示が戻らない

2002/10/07 11:24

フレームを上（name=index、メニューボタンを表示）に１つ、下の左側（name=sub_menu、サブメニューを表示）と、右側（name=honbun、本文を表示）に分けています。メニューボタンＡを押すと、Ａサブメニュー、Ａ本文をリンク表示し、メニューボタンＢを押すと、Ｂサブメニュー、Ｂ本文を表示するようにしました。が、そこからIEツールバーの「戻る」を押すとＡサブメニューに戻ってＢ本文は残ったまま、もう１度「戻る」を押すとＡ本文も戻ってくれます。どうしたら１度にＡサブメニュー、Ａ本文に戻るのでしょうか？簡単な方法はありますか？ <SCRIPT LANGUAGE="JavaScript"> function change_01(){ parent.honbun.location="honbun/A.html"; } function change_02(){ parent.honbun.location="honbun/B.html"; } ・・ </SCRIPT> <a href="sub_menu/sub_menu_A.html" target="sub_menu" onClick="change_01()"></a> <a href="sub_menu/sub_menu_B.html" target="sub_menu" onClick="change_02()"></a> ・・

arasma
お礼率50% (8/16)

CSS
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

みんなの回答

leaz024
ベストアンサー率75% (398/526)

2002/10/08 15:54 回答No.3

JavaScriptをちょっと工夫すればできますよ。参考URLのページに解説があるので、詳細はそちらをご覧ください。少し簡略化したサンプルを書きますので、コピー＆ペーストして動作を確認してみて下さい。 # frame.html （サブメニューは location.replace を使って入れ替える） <HTML><HEAD><TITLE>フレーム連動サンプル</TITLE> <SCRIPT language="javascript"></SCRIPT> </HEAD> <FRAMESET rows="200,*"> <FRAME src="menu.html" name="index"> <FRAMESET cols="200,*"> <FRAME src="submenu_A.html" name="sub_menu"> <FRAME src="honbun_A.html" name="honbun"> </FRAMESET> </FRAMESET> </HTML> # menu.html （リンクするのは本文だけ） <HTML> <HEAD><BASE target="honbun"></HEAD> <BODY> <A href="honbun_A.html">Page A</A> <A href="honbun_B.html">Page B</A> </BODY> </HTML> # honbun_A.html（onLoadでサブメニューAをロード） <HTML><HEAD> <SCRIPT language="javascript"></SCRIPT> </HEAD> <BODY onLoad="loadSubMenu('submenu_A.html')"> 本文A-1 <A name="2">本文A-2</A> <A name="3">本文A-3</A> </BODY> </HTML> # submenu_A.html <HTML><HEAD><BASE target="honbun"></HEAD> <BODY> サブメニューＡ <A href="honbun_A.html">A-1</A> <A href="honbun_A.html#2">A-2</A> <A href="honbun_A.html#3">A-3</A> </BODY> </HTML> # honbun_B.html（onLoadでサブメニューBをロード） <HTML><HEAD> <SCRIPT language="javascript"></SCRIPT> </HEAD> <BODY onLoad="loadSubMenu('submenu_B.html')"> 本文B-1 <A name="2">本文B-2</A> <A name="3">本文B-3</A> </BODY> </HTML> # submenu_B.html <HTML><HEAD><BASE target="honbun"></HEAD> <BODY> サブメニューＢ <A href="honbun_B.html">B-1</A> <A href="honbun_B.html#2">B-2</A> <A href="honbun_B.html#3">B-3</A> </BODY> </HTML>

参考URL：: http://www.din.or.jp/~hagi3/JavaScript/JSTips/FrameCon.htm

質問者

お礼 2002/10/28 20:16

ありがとうございました。焦っていたので、結局、１段階として上下だけのフレームをつくり、下のフレームには、別に左右のフレームのみのHTMLをメインメニューとサブメニューの項目分作ってしまいました。JavaScriptも使わないことになってしまいました。間違いなくサブメニューと本文が同時に戻ります。少し落ち着いたらこのやり方で更新してみようと思います。お礼が大変遅くなって申し訳ありませんでした。

0011Allen
ベストアンサー率56% (108/192)

2002/10/07 12:01 回答No.2

私も以前、同じ事を悩んだ事があって・・メニューボタンがフレームセットにリンクするようにしたことがありました。メニューで <A HREF="AFramset.html" Target="_top">MenuA</A> <A HREF="BFramset.html" Target="_top">MenuB</A> として AFramset.htmのなかに (COLSとROWS---省略) <Frame Name="index" src="Menu.html"> <Frame Name="sub_menu" src="Asub.html"> <Frame Name="honbun" src="Ahonbun.html"> BFramset.htmのなかに (COLSとROWS---省略) <Frame Name="index" src="Menu.html"> <Frame Name="sub_menu" src="Bsub.html"> <Frame Name="honbun" src="Bhonbun.html"> これって変かな？

質問者

お礼 2002/10/07 13:47

この方法も考えていましたが、初期状態ではＡ本文にA-1本文を表示し、Aサブメニューで選択リンクしたA-3本文表示後に、メニューBボタンを押してB本文表示をして「戻る」を押すとA-3ではなくA-1本文が表示されてしまうのでダメだと思いました。やり方もう少し考えてみます。ありがとうございました。

nipotan
ベストアンサー率59% (134/227)

2002/10/07 11:50 回答No.1

一つのリンクで - アンカータグでメニュー部分を変更 - 次に JavaScript で本文部分を変更という二つのアクションが発生しているので、戻るボタン一回で同時に戻る (2 アクション分戻す) 事は不可能です。こういった場合、一般的に 1. A メニューと A 本文をフレーム内部に埋め込んだ <frameset> が書かれている HTML 2. B メニューと B 本文をフレーム内部に埋め込んだ <frameset> が書かれている HTML の二つを用意して、A を押したら 1 を _top に、B を押したら 2 を _top にリンクさせる方法を取らないと不可能です。

質問者