- ベストアンサー
アイフレームからトップページの背景画像を変更
検索したものをいくつか試してみましたが、 いずれも上手くいかなかったので質問させてください。 トップページ(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』で合っていますでしょうか…？ よろしくお願い致します。
- mukumode
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
そのままでOKなのでは？ ただ、Chromeでローカルhtmlを開いてるとダメらしいけど。
関連するQ&A
- インラインフレームから別フレームの背景画像変更
○ページの構造 親ページ ├フレーム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
- クリックで背景変更するタグ
素材屋さんなどによくある、画像をクリックをすると背景が変わるというプログラムを作りたいのですが、調べてみたタグではうまくいきませんでした。 <tr><td><a href="#" onClick="javascript:bgChange('画像ファイル名');return false"><img src="画像ファイル名" border="0"></a></td></tr> 以下を<HEAD>区間に貼り付け <SCRIPT LANGUAGE="JavaScript"> <!-- function bgChange(myback){ document.body.background=myback; } //--> </SCRIPT> これだと、画像のプロパティがhttpで始まるものはうまくいくのですが、マイドキュメントに保存してある画像（自分で撮った写真など）では、背景が真っ白になってしまいます。 Win98、ブラウザはIE5.5です。 どなたか、教えてくださると幸いです。
- ベストアンサー
- JavaScript
- BGを押すと変えられるタグで。
<SCRIPT LANGUAGE="JavaScript"> <!-- function bgChange(myback){ document.body.background=myback; } //--> </SCRIPT> とスクリプトを書き、その後で <A href="#" onclick="javascript:bgChange('file:///～g2.bmp');return false"><IMG src="file:///～g2.bmp"></A> とリンクを付けたのですが、(ここに書いてあるのはURLは省略しています) 表示はちゃんとされるのにリンクする画像の周りに 太い枠が表示されてしまいます。 これを消す事は出来ないのでしょうか? また、この枠を細く出来ないのでしょうか?
- ベストアンサー
- HTML
- 親フレームのリンクからアイフレーム内の背景画像を位置指定して変更する
アイフレーム内の最初に表示してあるページ内に <style type="text/css"> <!-- body{ background-attachment : fixed; background-repeat : no-repeat } --> </style> を書いて、親フレームのリンクにオンマウスオーバーとjavascriptをつかって、 背景画像を左上固定で繰り返さない指定はできたのですが、 指定する背景画像の位置をその都度変えたい場合に、 親フレーム内のリンクから指定する方法をご存知の方はどうか教えていただけないでしょうか？検索など、いろいろやってみたのですがどうもみつからないんです…
- ベストアンサー
- JavaScript
- 背景色の変更を簡単に
<script type="text/javascript"> <!-- function change(bg_color){ document.bgColor = bg_color; } //--> </script> ************ <table> <tr> <td onclick="change('#FFFFEE')" style="background-color: #FFFFEE">クリーム</td> <td onclick="change('#EEFFFF')" style="background-color: #EEFFFF">水色</td> <td onclick="change('#FFEEFF')" style="background-color: #FFEEFF">桃色</td> <td>～～</td> </tr> </table> ************ javascript初心者です。テストでなんとか動くようになりました・・・ これで間違いないでしょうか？ これで正しければ onclick="change('#～～～')"の記述を全カ所にこれから入れようと思うのですが、 onclick="change('#～～～')"の部分を記述しないで、 style="background-color: #～～～">のstyleの色名＃～～～を引っ張り込む方法とか、統一する方法とか簡素化する方法はありますか？ 例えば<td style="background-color: #FFFFEE">クリーム</td> HTMLはこのままでできないでしょうか？ ここで教えて頂いた以下の画像の場合は出来たので同じように出来れば嬉しいのですが・・・ <script type="text/javascript"> function change(evt) { e = evt.target || evt.srcElement; if (e.nodeName=='IMG') document.body.style.backgroundImage = 'url(' + e.src +')'; } </script> <table onclick="change(event)"> <tr> <td><img src="a001.jpg"></td> <td><img src="a002.jpg"></td> <td><img src="a003.jpg"></td> </tr> </table> *********************** なかなか応用ができなくて困っています。 なんとか簡単にできれば嬉しいです<(_ _)>
- ベストアンサー
- JavaScript
- 前のページに戻るとページトップに戻るの併用方法
ホームページのページ内に前のページに戻るボタンとページトップ（同ページの最上部）に戻るボタンの両方をJavaScriptで設置したいのですが、方法がわかりません。 前のページに戻るは <a href="javascript:history.back()">戻る</a> としています。 ページトップ（同ページの最上部）に戻るは <a href="javascript:scrollTo(0,0);undefined;" onclick="return false;">ページトップに戻る</a> としています。 以上の両方を併用する方法を教えていただけないでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- 任意のテーブルのみに背景画像を設置して、時間ごとに変更するには？
ホームページを作っていてどうしても うまくいかないことがあるので相談させてください。 １ページの中に複数のテーブルがあるのですが、 そのうちの一つだけに背景画像を設置して、 尚かつ時間ごとに画像を変更したいのですが、 うまくできません。 BODYの背景を変える場合は、JAVAスクリプトで できたのですが、任意のテーブルのみに同じような ことをすることはできないのでしょうか。 いくつか試したのですが、例えばCSSを用いて、 <style type="text/css"> <!-- .timg{ background-attachment: scroll; background-image: url(img/001.gif); background-repeat: no-repeat; background-position: center; } --> </style> としておき、任意のテーブルタグにて <table class="timg"> とすることで、任意のテーブルのみに 背景をつけるとこまではできたのですが ここからJAVAスクリプトで背景を時間ごとに 変えるやり方がわかりませんでした。 どうかアドバイスよろしくお願いします。
- ベストアンサー
- HTML
- 画像クリックで指定のテーブルの背景画像を変えたい
文字をクリックすると指定のテーブルの背景色が変わるようにしたい、という事で <table border width=100 height=100><td id="aa">aa</td></table><br> <span onClick="aa.style.background='red'">赤</span> を教えて頂いたのですが、これをテキストではなく画像にするの場合は <span onClick="aa.style.background='gazou.gif'"><img src="gazou.gif"></span> でやってみたものの出ませんでした。これではだめなのでしょうか＾＾；
- ベストアンサー
- HTML
- 複数のアラートから複数のジャンプページへリンクしたい
サイトの1ページに6個のリンクボタンをつけ、それぞれに違うページにジャンプしたいです。 http://www.sky.sannet.ne.jp/masapine/java_alert8.html を参考に下記のようにしてみましたが、複数ページへのリンクの記述がわかりません。 どこかを変更すればよいのでしょうか。 よろしくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function link1(){ if(confirm('本当にご覧になりますか。')){ location.href='xxx.html'; } } //--> </SCRIPT> <p><a href="xxx.html" onClick="JavaScript:link1();return false"><img src="photo.gif" alt="手術の写真を見る" width="150" height="37" /></a></p>
- ベストアンサー
- JavaScript
- 背景色変更のJavaScriptに手を加えて頂けませんか？
<SCRIPT language="JavaScript"> <!-- function setBackgroundColor(pal) { document.bgColor=pal; } // --> </SCRIPT> <a href="javascript:setBackgroundColor('#FFFFFF')"><font color="#FFFFFF">背景色変更！</font></a> 上記は、クリックすることで背景色を変えるスクリプトですが、 これにちょっと手を加えてみたくて質問しました。 一つのページの中に、インラインフレーム（名称：f1）があります。上記スクリプトの「背景色変更！」をクリックしたとき、インラインフレーム内の背景色も同時に変えるにはどうしたらいいのですか？
- 締切済み
- JavaScript
お礼
Chromeではなかったのですが、 アップロードしてみたらちゃんと作動しました！ ローカルhtmlだとダメな事もあるのですね……。 勉強になりました。 本当にありがとうございます～！