• ベストアンサー

フレームで、2つのページを同時に変える方法。

HTMLタグで、フレームで3つに分割しました。 メニューページ ページa ページb とします。メニューページで、abどちらもいっぺんに画面を変えるにはどうしたらいいんですか。 よろしくお願いします!

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

  • ベストアンサー
noname#191236
noname#191236
回答No.4

はじめまして、こんばんわ。 JavaScript無しだとこういった手間の掛かる方法しかないようですね。 こんな事を書かなくても分かると言われそうですが、一応以下の通り。 ■index.html(mainとsub*の親フレーム)  ■main.html(ここに書くリンクのターゲット先はsub*のウインドウ名)  ■sub*.html(upper*とlower*の親フレーム)   ■upper*.html(上に表示したいページ)   ■lower*.html(下に表示したいページ) ■必要なファイル  1.index.html  2.main.html  3.sub1.html  4.upper1.html  5.lower1.html 3-5は ****2.html も必要。 (その際、sub2.htmlのフレーム名をupper2.html/lower2.htmlに、  upper2.html/lower2.htmlのタイトルとボディ文字を*2へ変更。) ■index.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>インデックス</title> </head> <frameset cols="150,*"> <frame src="main.html"> <frame src="sub1.html" name="sub"> </frameset> </html> ■main.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>メニュー</title> </head> <body> <p><a href="sub1.html" target="sub">TEST 1</a></p> <p><a href="sub2.html" target="sub">TEST 2</a></p> </body> </html> ■sub1.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>サブウインドウ</title> </head> <frameset rows="50%,50%"> <frame src="upper1.html"> <frame src="lower1.html"> </frameset> </html> ■upper1.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>上1</title> </head> <body> <p>上1</p> </body> </html> ■lower1.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>下1</title> </head> <body> <p>下1</p> </body> </html>

noname#13871
質問者

お礼

みなさま、ありがとうございました! まとめてのお礼になってしまって本当にすみません。

その他の回答 (3)

  • ryuta_mo
  • ベストアンサー率30% (109/354)
回答No.3

JAVASCRIPTをどうしても使いたくないのであれば index.htmlでmenu.html,pagea.html,pageb.htmlの3つのフレームをおいてるとしたらindex2.htmlでmenu.html,pagea2.html,pageb2.htmlと分割して_topでindex2.htmlを表示させてみるとか。 フレーム対応のブラウザならJAVASCRIPTも対応してるはずだからJAVASCRIPTでやってしまえばいいと思いますが。

noname#9431
noname#9431
回答No.2

同様の質問が過去にもありますね。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=524158 http://oshiete1.goo.ne.jp/kotaeru.php3?q=566075 #javascriptを使わない方法があったら私もしりたいですが...

参考URL:
http://oshiete1.goo.ne.jp/kotaeru.php3?q=566075
noname#14286
noname#14286
回答No.1

関連するQ&A