- 締切済み
dreamweaverCS4でのフレーム
dreamweaverCS4にてHP作成をしています 左右にフレーム分けしたページ（menu_Frameset）を作成し… 左（menu_left）には「メニューA」を表示し 右（menu_main）には一寸した？「注意事項」を記載しております 左（menu_left）の「メニューA」にある「項目A」をクリックすると… 右（menu_main）のページに上下にフレーム分けされたページ（koumoku_Frameset）を表示する 右（menu_main）のページに表示された上下にフレーム分けされたページ（koumoku_Frameset）には… 上（koumoku_top）には…「メニューB」が表示されていて… 下（koumoku_main）には…「メニューB」に表示されている「項目B」を クリックする毎に表示内容を変更する 上記の様なサイトを作成したのですが… 上（koumoku_top）に表示されている「項目B」をクリックすると… 上（koumoku_top）が消えて？しまい…右（menu_main）全体に表示されてしまいます 上下にフレーム分けされたページ（koumoku_Frameset）のみを表示させて試すしてみると… 下（koumoku_main）には問題無く表示されます dreamweaverCS4にて「コード」を確認すると下記の様になっております <a href="アドレス" target="mainFrame">項目</a> ※mainFrame=下（koumoku_main） 対処方法や確認すべきポイントなどはありませんでしょうか？ 対処方法などがありましたら…アドバイスをお願い致します
- micro_7
- お礼率100% (1/1)
- HTML
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- abril
- ベストアンサー率69% (388/560)
おそらく、フレームの名前（frame要素に与えるname属性）ターゲットの指定が適切ではないのだと思います。質問文だけだとわかりにくいのですが、もしかして、ファイル名とフレームの名前とターゲット名を混乱して捉えてらっしゃいませんか？ ちょっとこちらでファイル名やターゲット名をわかりやすいものに変えて整理させて頂きました。 (1)index.html…最初に表示する左右に分割したフレーム枠（続く(2)と(3)の親） (2)menu.html…(1)の左フレームに表示するメニュー（「項目A」を含む） (3)main_top.html…(1)の右フレームの初期表示（注意事項を記載） (4)main_a.html…(2)の「項目A」をクリックすると(3)と入れ替わって右フレームに表示される上下に分割したフレーム枠（続く(5)と(6)の親） (5)main_a_menu.html…(4)の上フレームのメニューの初期表示（「項目B」を含む） (6)main_a_top.html…(4)の下フレームの初期表示 (7)main_b.html…(5)の「項目B」をクリックすると(4)と入れ替わって下フレームに表示される項目Bの内容 希望通りの表示をする為には、 ・(1)と(4)のフレーム枠の記述でそれぞれのフレームに対して適切なname属性を与えること。 ・フレームのname属性は重複してはいけない。今回の場合だとフレームのname属性は4つ（上下左右）必要になるが、全て違う値を与えること。 ・ターゲット指定の値には所定のフレームのname属性の値を適切に指定すること。 これさえきちんとできていれば、問題なく表示できる筈です。 長くなりますが、以下はサンプルです。 ---------------------------------------------------------------------- (1)index.html ---------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>フレームサンプル</title> </head> <frameset cols="200,*" title="コンテンツ"> <frame src="menu.html" name="menu" title="メニュー" scrolling="auto" noresize> <frame src="main_top.html" name="main" title="メイン" scrolling="auto" noresize> <noframes> <body> <p>代替内容</p> </body> </noframes> </frameset> </html> ---------------------------------------------------------------------- (2)menu.html ---------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> </head> <body> <h1>メニュー</h1> <ul> <li><a href="main_a.html" target="main">項目A</a></li> </ul> </body> </html> ---------------------------------------------------------------------- (3)main_top.html ---------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> </head> <body> <h1>メイントップ</h1> <p>注意事項</p> </body> </html> ---------------------------------------------------------------------- (4)main_a.html ---------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>フレームサンプル</title> </head> <frameset rows="100,*" title="コンテンツ"> <frame src="main_a_menu.html" name="main_a_menu" title="メインAのメニュー" scrolling="auto" noresize> <frame src="main_a_top.html" name="main_a_main" title="メインA" scrolling="auto" noresize> <noframes> <body> <p>代替内容</p> </body> </noframes> </frameset> </html> ---------------------------------------------------------------------- (5)main_a_menu.html ---------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> </head> <body> <h1>メインAのメニュー</h1> <ul> <li><a href="main_b.html" target="main_a_main">項目B</a></li> </ul> </body> </html> ---------------------------------------------------------------------- (6)main_a_top.html ---------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> </head> <body> <h1>メインAの初期表示</h1> </body> </html> ---------------------------------------------------------------------- (7)main_b.html ---------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> </head> <body> <h1>項目Bの内容</h1> </body> </html> ----------------------------------------------------------------------
関連するQ&A
- フレームがばらばらに・・・
ホームページを上下二つのフレームに分けて作ったのですが、 ウィンドウを大きくすると二つが離れてしまいます。 <frameset rows="430,88" frameborder="NO" border="0" framespacing="0"> <frame src="top_frame_main.html" name="mainFrame" marginheight=0> <frame src="top_frame_navi.html" name="naviFrame" marginheight=0> </frameset> 上の二つのフレームが同じ距離を常に保つようにするには どうすればよいでしょうか？教えてください！
- ベストアンサー
- HTML
- フレームについて
ＨＰを２つのフレームを使って作成したのですが、 １つはメニューの左フレームで、もうひとつはそれを表示する右フレームです。 <FRAMESET COLS="1*,4*"> <FRAME SRC="left.html" NAME="left"> <FRAME SRC="right.html" NAME="raight"> </FRAMESET> 例えば、メニューの左フレームの中から日記という項目をクリックすると、 右フレームに日記の内容が表示するようになっております。 そこで、右フレームに日記が表示されているときに更新をすると、 右フレームがトップに戻ってしまいます。 全部そうなってしまいます。 更新をしても、その時表示していたものを、 表示させておくにはどうすればいいのでしょうか？ 宜しくお願いします。
- 締切済み
- HTML
- 子フレームの自動リロードは可能でしょうか？
フレームで２つに分割されたページ(frameset.htm)があるとします。 そのうち、一つのフレーム(menu.htm,name=MENU)はメニューとして常に表示されています。 もう一つのフレーム(name=MAIN)にはその時々でいろんなページが表示されます。 仮に、例えば60秒おきとかで、MAINにその瞬間に表示されているページを、 frameset.htmもmenu.htmもリロードせずに、 自動的にリロードさせることは出来ますか？ MAINに表示させるページは閲覧者により手動でも変えられるようになっているため、リロードの瞬間にどのページが表示されているかは不定です。 なお、MAINに表示させるページ内に、Java ScriptやMETAタグは追加できない条件です。
- 締切済み
- JavaScript
- frameでのcssの変更する方法
frameを使ってmain.html、menu.htmlを表示し、menu.htmlからmain.htmlのcss(外部)を変更する方法を教えてください。 frameのnameはmain.html→main、menu.html→menu、main.htmlのcssのidはmain、で指定してあります。 以下サンプルです frame.html <html> <head> </head> <frameset rows="50,*"> <frame src=main.html name="main"> <frame src=menu.html name="menu"> </frameset> </html> main.html <html> <head> <link rel="stylesheet" type="text/css" href="a.css" id="main"> ←(a.cssをb.css変更したい) </head> <body> </body> </html> menu.html <html> <head> </head> <body> </body> <a href="#">変更トリガー</a> </html>
- ベストアンサー
- JavaScript
- フレーム内から開いたサブウィンドウから親ウィンドウの別フレームの操作を行いたい
メニュー、メインの２つのフレーム分けしてあるページで、メインページからサブウィンドウを開きます。 その後、以下の２アクションを同時に行いたいのです。 (1)サブウィンドウから親ウィンドウ(メイン)をジャンプさせる （main.html→main2.cgi） (2)親ウィンドウ(メニュー)の画像をＡからＢに変更させる 現在window.openerでメインページの変更はできているのですが、 メニューページの画像のを変更がうまくできません。 方法としては (1)サブから親ウィンドウ（画像＝Ａ）を閉じさせて、再び親ウィンドウ（画像＝Ｂ）を フレームセットごとムリヤリ開き直す。 (2)何らかの形でメニューページの情報を保存しておき、Onloadでサブからのジャンプ時に変更させる (3)サブから親ウィンドウのフレーム越し操作を行なって、メニューページの画像を変更する。 どの方法が可能でしょうか、もっといい方法がありますか。 お知恵拝借させてください。よろしくお願いします。 以下、かなり省略したソース説明です。 【フレームセット→cgi。記述は省略】 <frameset> <frame src="menu.html" name="menu"> <frame src="main.html" name="main"> </frameset> 【メニュー→html】 <img src="Ａ"> 【メイン→html】 function open_sub(url) { /**/ w = window.open(url, 'sub') } <!--本文--> <a href="javascript:open_sub('sub.html')">サブウィンドウ</a> 【サブ→html】 function change_main() { window.opener.location.href="main2.cgi?sub"; window.opener.focus(); } <!--本文--> <A HREF="JavaScript:change_main()">メインを変更</A>
- 締切済み
- JavaScript
- フレームが固定できない
Dreamweaverで左固定メニューで右にメインフレームがでるものをつくっています。 プレビューでみると画面の大きさを大きくすると左フレームと右フレームのあいだに白い余白ができ、画面を小さくするとその間が交差しながら小さくなります。 noresizeをいれているのですが、これがなおりません！画面の大きさをかえても右フレームと左フレームの境界線をなしにしたいのですがどうしたらいいのでしょう。 ちなみにコードはこうなっています。 <frameset rows="*"cols="245,900" frameborder="no" border="0"> <frame src="menu/menu.html" name="leftframe" frameborder="no" scrolling="no" noresize="noresize" marginwidth="0" marginheight="0" id="leftframe" border="0"/> <frame src="welcomephoto.html" name="mainframe" frameborder="no" noresize="noresize" marginwidth="0" marginheight="0"id="mainframe" border="0" /> </frameset> <noframes><body> </body> </noframes></html>
- ベストアンサー
- ホームページ作成ソフト
- フレームのことで
今、作っているサイトでは縦２分割のフレームを利用しているんですが ちょっと困っています。 それは、左側の小さい方のフレームにサイトの主なメニュー（リンク）を 置いているんですが、そのリンク先が大きいほうのフレームに 表示させたいのですが、小さいフレームにリンク先が出てきてしまいます。 小さいフレームにある方のリンク先を大きいフレームの方に 表示させるにはどうしたらいいですか？ ちなみに、フレームは以下のタグを使っています。 どんなタグをどこに書き足したらいいのか、教えてください。 <FRAMESET COLS="25%,75%"> <FRAME SRC="menu.html" NAME="main.html"> <FRAME SRC="main.html" NAME="main.html"> </FRAMESET>
- ベストアンサー
- JavaScript
- フレームで、一回しか切り替わらない
フレームで、一回しか切り替わらない理由が分からずに困っています。 HTMLは、以下のように記述しています。 index.htmlファイルの内容： <html> <head> <title>フレームテスト</title> </head> <frameset cols="230,*"> <frame src="menu.html" name="subFrame"> <frame src="top.html" name="mainFrame"> <noframes> このページはフレーム対応のブラウザでご覧ください。 </noframes> </frameset> </html> menu.htmlの内容： <html> <HEAD> <title>掲示板</title> </HEAD> <body> <table width="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td bgcolor="#99FF99"><a href="top.html" target="mainFrame"> メイン掲示板</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="aaa" target="mainFrame"> aaa</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="bbb" target="mainFrame"> bbb</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="ccc" target="mainFrame"> ccc</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="top.html" target="mainFrame"> TOPページにもどる</a></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- フレーム内のページ表示について
メニューとメインでフレームのページを作っています。 メインページに直接訪れた人の為に、「メニューが表示されない場合はクリック」とフレームページのリンクを作ってあります。<A href="index.html" target="_top"> フレームページ（メニュー）は表示されるのですが、次にメニュー項目をクリックすると、全画面でメインページがでてしまい、またメニューが見えなくなってしまいます。 ふつうにフレームページ（index.html）を開いた場合は、ちゃんとメインフレーム内に各ページが表示されるので、なぜメインページのリンクからだとそれができないのかがわかりません。 フレーム名はメニュー＝menu メイン＝mainとして、メニュー各項目のリンクは<A href="001.htm" target="main">としてあります。 説明が下手でごめんなさい。よろしくお願いします。
- ベストアンサー
- HTML
- （IE8）FRAMEで指定したページが表示されません
IE7からIE8に更新してからフレームの表示が不可解なものになりました。 現象： index.htmlの中で以下のように指定しています。 <FRAMESET COLS="160,*" FRAMEBORDER=NO BORDER=0> <FRAME SRC="./menu.html" NAME="menu"> <FRAME SRC="./top.html" NAME="main"> </FRAMESET> このindex.htmlを表示すると左側フレームのmenu.htmlは表示されますが、 右側フレームにはtop.htmlではなくmenu.htmlからリンクしている別のページが 表示されます。 IE7の時は普通に左にmenu.html、右にtop.htmlが表示されていました。 IE8でもIE7と同様に表示するようにするにはどうすれば良いでしょうか？
- 締切済み
- Windows XP
お礼
abrilさん お礼の返信が遅くなりまして申し訳御座いません ご丁寧な回答を頂きまして有り難う御座います ご指摘の「name属性」に関しては…私自身…分からない状態でしたが インターネットで色々と調べて無事に完成出来そうです 追伸… Sample迄、記載頂きまして本当に有り難う御座います