インラインフレームから別フレームの背景画像変更
- ページの構造は親ページ、フレームA、フレームB - インラインフレームCで構成されています。
- インラインフレーム内の「背景画像変更！」クリックでAフレームの背景画像が変わるようにしたいのですが、上のスクリプトだとAB間、B→C、でしか機能しません。
- どなたか手直しをして頂けないでしょうか？
- ベストアンサー
インラインフレームから別フレームの背景画像変更
○ページの構造 親ページ ├フレーム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、でしか機能しません。どなたか手直しをして頂けないでしょうか？
- pota-ju
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
parent.parent.A.document.body.background = bgname; または top.A.document.body.background = bgname; としてみてください。
関連するQ&A
- アイフレームからトップページの背景画像を変更
検索したものをいくつか試してみましたが、 いずれも上手くいかなかったので質問させてください。 トップページ(index.html)に埋め込まれているアイフレームから トップページの背景画像を変更したいです。 ----------------------------------------------------------------- <script type="text/javascript"> <!-- function bgChange(myback){ top.document.body.background=myback; } //--> </script> <span onClick="javascript:bgChange('img.jpg');return false">背景を変更する</span> ----------------------------------------------------------------- それと、親ページを指定する単語は『top』で合っていますでしょうか…？ よろしくお願い致します。
- ベストアンサー
- JavaScript
- 別フレームからの背景の変更
いろいろ検索したのですが上手く行かないので教えてください！ 別フレームから背景画像の変更方法がわからなくて困ってます。 変更したいフレームのbodyの背景ではなく、 リスト（<li>～</li>）の中の1つの背景を変えたいのです。 リストの中にnameをつけていて、 parent.フレームの名前.document.リストの名前.style.backgroundImage = "url(***)" としているのですが、どうしても変わってくれません。 ご指導よろしくお願いいたします。
- ベストアンサー
- JavaScript
- インラインフレームでフレーム内のページを指定できる？
インラインフレームで親フレームに例えば トップ、Ａ、Ｂ、Ｃとリンク先を作ったとします。 メールなどでこのＨＰをご覧くださいとＵＲＬを 知らせる時には、通常はトップページ(親フレーム） のＵＲＬを知らせます。 が、もしもインラインフレームのままの状態で Ｂのページを直で知らせたいと思えば それは可能なのでしょうか? もしも可能でしたら詳しく教えてください。
- 締切済み
- HTML
- フレームをまたいで背景画像を表示させたい
現在作っているホームページで、フレームでメニュー部分(フレームAとします)と、本文を表示させる部分(フレームB)を分けたページを作っているのですが、Aの各メニュー項目をonMouseOverするとBの背景画像がそれぞれそのメニュー項目に対応したものに変わる、という事をしたいのです。 できれば、その背景画像が変わるのはBに表示させるある1ページに限りたいのですが、何かうまい方法はないでしょうか? 良いアドバイスがあったらご教授をよろしくお願いします。
- ベストアンサー
- JavaScript
- 別ページからOnclickで背景色変更
いつもお世話になっております。 以下の過去質問で、同一ページ内によるonclickによる セルの背景色変更を拝見しましたが、 同一ページではなく、別ページからonclickによって、 該当のページの任意のセル背景色変更は可能でしょうか。 http://oshiete1.goo.ne.jp/qa696811.html （例） a.htmlソース <a href="b.html#b1" onClick="ChgBg('td1','black')">b1へリンク</a> b.htmlの#b1へリンクすると、 idがtd1のセル背景色が変更される。。。 宜しくお願い申し上げます。
- ベストアンサー
- JavaScript
- フレーム越しの背景色変換
同一ページ内の背景色変換のスクリプトはたくさん見かけるのですが、Ａフレームに背景色一覧(文字クリック)で、Ｂフレームの背景色を変換するJavaScriptが見つかりません。 どなたか、ぜひぜひ教えてください。ここ数日、ずーっと探し回ったのですが見つけられませんでした。泣。
- ベストアンサー
- JavaScript
- 1クリックで複数のページを開く（片方はインラインフレームに）
現在フレームを使ってサイトを作っています。 左右2分割で、 左側がmenu.html name=left 右側がmain.html name=right 更に左側のページにはインラインフレームがあり、 frame.html name=sita となっています。 左側のインラインフレームの外にあるリンクを一度押すと、右側のフレームとインラインフレームの中で新しくページが開くようにしたいと考えています。 <SCRIPT language="JavaScript"> <!-- function link1() { parent.right.location.href='aaa.html'; parent.sita.location.href='bbb.html'; } --> </SCRIPT> <A href="JavaScript: link1();">リンク</A> （<body>諸々は略しています） このスクリプトを使用するとインラインフレームの部分が普通のフレームの場合は同時に開くことが出来たのですが、sitaをインラインフレームにすると動かなくなりました。 色々と検索してみたのですが答えにたどり着けずお手上げです。 解決方法をご存知の方、どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- 背景色変更のJavaScriptに手を加えて頂けませんか？
<SCRIPT language="JavaScript"> <!-- function setBackgroundColor(pal) { document.bgColor=pal; } // --> </SCRIPT> <a href="javascript:setBackgroundColor('#FFFFFF')"><font color="#FFFFFF">背景色変更！</font></a> 上記は、クリックすることで背景色を変えるスクリプトですが、 これにちょっと手を加えてみたくて質問しました。 一つのページの中に、インラインフレーム（名称：f1）があります。上記スクリプトの「背景色変更！」をクリックしたとき、インラインフレーム内の背景色も同時に変えるにはどうしたらいいのですか？
- 締切済み
- JavaScript
- Formの値を別のフレームで使いたい
上下分割のフレームのうち、上のフレームの <FORM NAME="BForm"> RGB値を入れる＞ 1番目の色：<INPUT TYPE="text" NAME="Bpt1" VALUE="" SIZE="8"> 2番目の色：<INPUT TYPE="text" NAME="Bpt2" VALUE="" SIZE="8"> <INPUT TYPE="button" VALUE="CL" NAME="CL" onClick="CL()" tabindex="6"> </FORM> でテキストボックスに入れた数字を使って 下のフレーム(komado3)を書き変えたいのですが。 <SCRIPT LANGUAGE="JavaScript"> <!-- function CL(){ B1V=document.BForm.Bpt1.value; B2V=document.BForm.Bpt2.value; parent.komado3.document.open(); parent.komado3.document.write('<HTML><HEAD>'); parent.komado3.document.write('<STYLE TYPE="text/css">'); parent.komado3.document.write('<!--'); parent.komado3.document.write('.pt1{color:'+B1V+'}'); parent.komado3.document.write('.pt2{color:'+B2V+'}'); parent.komado3.document.write('-->'); parent.komado3.document.write('<'+'/STYLE><'+'/HEAD><BODY>'); parent.komado3.document.write('<SPAN CLASS='+pt1+'>1番目の色は'+B1V+'です<'+'/SPAN>'); parent.komado3.document.write('<SPAN CLASS='+pt2+'>2番目の色は'+B2V+'です<'+'/SPAN>'); parent.komado3.document.write('</'+'BODY><'+'/HTML>'); parent.komado3.document.close(); } //--> </SCRIPT> これだとうまく行かないのですが、どこがおかしいのか教えてください。
- ベストアンサー
- JavaScript
- インラインフレームのページを外部のページから変更するには？
Aというページの中にインラインフレームのページBがあります。 Aからのリンクボタンを押すとBからCのページにリンクさせる、ということはできるでしょうか？ 普通のフレームで分割している場合だと <A href="***.html terget="(フーレムの名前)">の要にできるのですが、インラインフレームで同じ事をやりたいのです。 よろしくおねがいします。
- ベストアンサー
- HTML
お礼
どちらでも表示する事が出来ました、感激です。 ピンポイントな解答ありがとうございました！