フレームの背景色を同時に変える方法は？
- http://www2s.biglobe.ne.jp/~club_tom/で配布されている背景 No.1.1を使用している際に、２分割されたフレームのAフレームにスクリプトを設置して、カラーパレットクリックでAとBのフレームの背景色を同時に変更したいと考えています。カスタム方法を教えてください。
- もしくは、複数のフレームの背景色を変更するスクリプトを探しています。カラーパレットのようなものをクリックすることで、複数のフレームの背景色を一度に変更できる方法を教えてください。
- 質問者はhttp://www2s.biglobe.ne.jp/~club_tom/で配布されている背景 No.1.1を使用している状況で、２つのフレームを作成し、スクリプトを設置してAフレームとBフレームの背景色を同時に変更したいと考えています。カラーパレットのようなものをクリックすることで、複数のフレームの背景色を一度に変更する方法を教えてください。
- ベストアンサー
同時にフレームの背景色を変える
http://www2s.biglobe.ne.jp/~club_tom/で配布されている背景 No.1.1（http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/ha/ha-no1_1/ha-no1_1.htm）を使用しています。 ２分割つしたフレーム（AとB）のAフレームに上記のスクリプトを設置し、カラーパレットクリックでAとBのフレームの背景色を変更したいと思っているのですが、カスタム方法が解りません。御教示頂けると助かります。 または、カラーパレット（のようなもの）をクリックで、複数のフレームの背景色を変更出来るスクリプトをさがしています。宜しくお願い致します。
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
Bのフレーム名が frameB だとして ご呈示のページ内スクリプトの以下の部分に追加 //背景色変更部分です function chaBgHa11(bgCo) { document.bgColor=bgCo; parent.frames['frameB'].document.bgColor = bgCo; // 追加 } フレームがもっとあるなら、frames['frameB']のところを、それに応じて書き換えた行を追加。 ただし、全てのページが同じサーバー上のページでないと、アクセス違反が発生しますのでご注意ください。
関連するQ&A
- 背景画像の変更と保存
1.プルダウン（セレクト）メニューで画像名を選択すると、背景画像が変更できる 2.背景画像によって、配置位置を指定できる（右上固定/全面に繰り返し表示等） 3.ブラウザを閉じて開いても、選択した画像が背景に表示される 下記がイメージに近いのですが、2と3の機能がありません。 http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/ha/ha-no5_2/ha-no5_2.htm 再現できるスクリプトを紹介して頂けると助かります。宜しくお願い致します。
- ベストアンサー
- HTML
- 背景画像と背景色変更：JavaScript
下記のページのような背景画像変更スクリプト（サンプル画像をクリックで反映される）と… http://www.sky.sannet.ne.jp/masapine/java_back6.html CLUB とむやん君（http://www2s.biglobe.ne.jp/~club_tom/）背景 No.1.1の背景色変更スクリプトを同一のページで行ないたいのですが、その組み込み方がわからず困っています。お力を貸して頂けると助かります。宜しくお願いします。 ※背景色変更ソースを記述したかったのですが、字数オーバーで投稿できないため省いてます…。補足回答でソースを載せられれば…と思っています； またCLUB とむやん君のサイトは閉鎖されてしまったのでしょうか？。
- 締切済み
- JavaScript
- フレーム越しの背景色変換
同一ページ内の背景色変換のスクリプトはたくさん見かけるのですが、Ａフレームに背景色一覧(文字クリック)で、Ｂフレームの背景色を変換するJavaScriptが見つかりません。 どなたか、ぜひぜひ教えてください。ここ数日、ずーっと探し回ったのですが見つけられませんでした。泣。
- ベストアンサー
- JavaScript
- ポイントで出るメッセージ
リンク部分にマウスを持っていくとメッセージが出るプログラムで、 スタイルシートで固定した中に表示するものは見つけました。 たとえば http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm の http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/mes/mes-no5_2/mes-no5_2.htm のようなものですが これを、どの大きさのウインドウやどの解像度のブラウザから見ても メッセージを固定位置に表示させることはできないでしょうか？ スタイルシートで固定したところに表示だと ピクセル指定でも％指定でも、ウインドウの大きさを変えるとやっぱりちょっとずつ見え方が違ってしまうのです。 ページ全体をガチガチにスタイルで固めてしまうとできるのかもしれませんが・・・ できればテーブルの中に表示させるとか、スタイルで固めてないページの中にも使える形がいいのですが・・・ わがままですみませんがよろしくお願いします。
- ベストアンサー
- JavaScript
- インラインフレームから別フレームの背景画像変更
○ページの構造 親ページ ├フレームA └フレームB - インラインフレームC ○インラインフレームC内ページ <script type="text/javascript"> <!-- function bgchange(bgname) { parent.A.document.body.background = bgname; } // --> </script> <span onclick='bgchange("img.gif");return false'>背景画像変更！</span> ＊ インラインフレーム内の「背景画像変更！」クリックでAフレームの背景画像が変わるようにしたいのですが、 上のスクリプトだとAB間、B→C、でしか機能しません。どなたか手直しをして頂けないでしょうか？
- ベストアンサー
- JavaScript
- フレームの同時変更
教えてください。 フレームをTOPとMAINに二つに分けて、TOPとMAINが同時に変更されるようにしたいのです。 （TOP内のメニューリンクをクリックした時に、TOPとMAINが変更されるようにしたい） どのようなスクリプトを書けばいいのでしょうか？ 親フレームをクリックすると、他の子フレームが同時に変更されるスクリプトはよく載っていますが、親と子フレームが同時に変更されるのは探しても載っていませんでした。 よろしくお願いします。
- ベストアンサー
- JavaScript
- ソースのどの部分を変更すれば・・・
Club とむやんさんのページでハイパーリンクというのがありまして11番の画像の部分にメニューがでます。というのを使いたいのですが、サンプルは、画像が横に置いてるんですが、この画像を縦に並べたいのです。ソースのどこのどの部分を変更すればできるのか教えて頂けたらうれしいのですが、宜しくお願いします。 http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm
- ベストアンサー
- JavaScript
- 背景色変更のJavaScriptに手を加えて頂けませんか？
<SCRIPT language="JavaScript"> <!-- function setBackgroundColor(pal) { document.bgColor=pal; } // --> </SCRIPT> <a href="javascript:setBackgroundColor('#FFFFFF')"><font color="#FFFFFF">背景色変更！</font></a> 上記は、クリックすることで背景色を変えるスクリプトですが、 これにちょっと手を加えてみたくて質問しました。 一つのページの中に、インラインフレーム（名称：f1）があります。上記スクリプトの「背景色変更！」をクリックしたとき、インラインフレーム内の背景色も同時に変えるにはどうしたらいいのですか？
- 締切済み
- JavaScript
- マウスカーソルに画像が追っかけてくる
マウスカーソルに画像が追っかけてくるのを時々見かけます。 自分のページでも試してみましたがうまくいきません。 1つだけのページでは動作しましたが、フレームを使用しているため、別フレームにいくと切れてしまいます。 この「カーソルを画像が追っかけてくる」をフレームを越えて適用する方法はありませんか？ ○使用したプログラム http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm ↑ここの「お遊び」→3.2「マウスカーソルを動かすと画像が付いて来ます。」です。 大小5個の☆の画像があり、大の☆マーク→小の☆マークとカーソルに付いて来ることで、流れ星のように見えるというものです。 フレームを設定するだけのファイルに載せてみましたがダメでした。 全フレームにプログラムを載せると表示した時にすべてのフレームに☆が表示されてしまいます。 どなたかご存知の方、参考URLでもかまいませんのでよろしくお願いします。
- 締切済み
- JavaScript
お礼
理想通りの表示になりました。有り難うございました。