リンク先のページの複数のフレームを同時に変えるには

Question

全くの初心者です。
最近になってボケ防止？をかねてＨＰの勉強を始めました。早速ですが作成中(メモ帳使用）のＨＰに関して以下についてわからず悩んでいます。ご教示願えればありがたいのですが．．．
質問
ＨＰの導入部から画面を上端のメニューと左側の見出しサイト、メイン部、ボトム(画面クリア用）の4分割にしてサイズが固定されています。
メニュー(ページ）間を移るときに各フレームのサイズや色を変更したり、サイズの数を減らしたりすることが出来るのでしょうか＞
以上宜しくお願いいたします

EUR · Accepted Answer

JavaScriptを用いることになります。フレームのサイズを変更する場合は、フレームセットを行っているページのタグをいじります。フレームセットを行っているページが以下とすると、サンプル<title> </head> <frameset name="SET1" rows="50, 500, *"> 　　<frame name="header" src="header.html"> 　　<frameset name="SET2" cols="200, *"> 　　　　<frame name="menu" src="menu.html"> 　　　　<frame name="main" src="main.html"> 　　</frameset> 　　<frame name="footer" src="footer.html"> </frameset> <html> たとえば、ヘッダーの高さを100pxに、メニューの幅を150pxにしたい場合は、 document.all("SET1").rows = "100,500,*"; document.all("SET2").cols = "150,*"; という風に変更します。実際は、ページを遷移した際にサイズが変更されるとのことなので、変更があったページのロード時（onLoad）で parent.document.all("SET1").rows = "100,500,*"; parent.document.all("SET2").cols = "150,*"; を実行することになると思います。 ※document.allはIE独自の仕様ですので、適当に変更してください。フレームの色を変えるということですが、実際に変更するのは、読み込まれるHTMLの色を変えることになります。読み込まれるページごとに <body bgcolor="#909090">等、指定をします。最後に、サイズの数についてですが・・・ちょっとあいまいでわかりませんでした。サイズの数とは、何を示しているか、補足をお願いいたします。

koutarou504 · Answer

とにかく簡単な方法という考え方で選ぶと、
フレームの中で読み込むファイルでフレームとすればデザインの制限が付きますが容易に可能です。
まぁ発想としては、各ページごとにフレームを別途用意して毎回フレームごと呼び出すのと同じですが・・・。

尚、知識を付けた後には
javascript での実現をお勧めします。
最終的には、スタイルシートも絡めた仕掛けにすると理想的です。


あと、ある程度知識がつくまでは
逆にフレームを使わない事をお勧めします。
個々のファイル（ページ）を個別にフレームなしで観られた場合の配慮とか（検索サイトからよくあるパターン）
フレームに対応していないブラウザへの配慮。
それから JavaScript に於いては意図的に無効にしている閲覧者や元から無効のブラウザの考慮にブラウザの種類，バージョンによっての動作の違いへの配慮
スタイルシートは特にブラウザのバグへの考慮などなど・・・
考える事がたくさん発生してきます。
（例えば、＃２の方の document.all などは対応していないブラウザもあります。
まぁ初心者なんだから基本的に困らないなら問題なしという考え方なら、未対応の部分も無視でいいかも？）


簡単にいえば、「急に面倒な事の実現を希望していますが」という事です。
（知らないから質問しているのだし、当然難易度も判らないはずなので、その辺は理解してどこかで妥協してください。）

einste · Answer

JavaScriptで実現することが可能です。お勧めは、JavaScriptの例文集を探していただき。フレームに関する例文を参考に作成してみることです。 JavaScript例文活用"といったキーワードでWebで検索できます。ブラウザ上のオブジェクト(物)が階層化されており、上から順番に指定していき、オブジェクトを特定しその属性を書き換えるということが必要です。参考に、上下フレームで他方の色を書き換える例を記載します。 top.footer.document.bgColor top ├header │ └document └footer └document.bgColor ■index.html ■frame_header.html 上のフレーム
■frame_footer.html 下のフレーム初心者ということなので、ひとつづつ学習されるのが良いかと思います。また、具体的なやりたいことを提示していただければ回答いたします。

リンク先のページの複数のフレームを同時に変えるには

JavaScriptを用いることになります。

とにかく簡単な方法という考え方で選ぶと、

JavaScriptで実現することが可能です。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング