- 締切済み
別窓に背景を表示させたい
別窓を表示した時に、何枚か共通で同じ背景を表示させたいです。 また、窓だけ一緒で、背景の上ないしはインラインフレームの中の画像を変わるがわる表示させる良い方法がありましたら、教えて下さい。 よろしくお願いします。
- erika_oe
- お礼率0% (0/3)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- kokorone
- ベストアンサー率38% (417/1093)
インラインフレーム編です。 諸事情により、夜間しか回答できませんので、 あしからず。 ★★index2.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <script language="javascript"> <!--// var hWin; function win_open(w_url) { var w_url; parent.ifpsub.location.href= w_url; } function win_open1(w_url,w_img) { var w_url; var w_img; var cnt; parent.ifpsub.location.href= w_url; setTimeout("win_open2('"+w_img+"')",100) } function win_open2(w_img) { var w_img; parent.ifpsub.document.body.style.backgroundImage ="url("+w_img+")"; } //--> </script> </HEAD> <table> <tr> <td> <A HREF="JavaScript:win_open('inf_chiba.html')">千葉ロッテマリーンズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_chiba.html','pa_g.jpg')">千葉ロッテマリーンズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_fukuoka.html')">福岡ソフトバンクホークス</A> </td> <td> <A HREF="JavaScript:win_open1('inf_fukuoka.html','pa_g.jpg')">福岡ソフトバンクホークス</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_seibu.html')">西武ライオンズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_seibu.html','pa_g.jpg')">西武ライオンズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_orix.html')">オリックス・バッファローズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_orix.html','pa_g.jpg')">オリックス・バッファローズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_hokkaido.html')">北海道日本ハムファイターズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_hokkaido.html','pa_g.jpg')">北海道日本ハムファイターズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_touhoku.html')">東北楽天ゴールデンイーグルス</A> </td> <td> <A HREF="JavaScript:win_open1('inf_touhoku.html','pa_g.jpg')">東北楽天ゴールデンイーグルス</A> </td> </tr> </table> <IFRAME src="inf_sel.html" width="600" height="600" name="ifpsub"frameborder="1" border="1"></IFRAME> </HTML> ★★inf_chiba.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_a.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 千葉ロッテマリーンズ </B> </BODY> </HTML> ★★inf_fukuoka.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_b.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 福岡ソフトバンクホークス </B> </BODY> </HTML> ★★inf_seibu.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_c.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 西武ライオンズ </B> </BODY> </HTML> ★★inf_orix.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_d.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> オリックス・バッファローズ </B> </BODY> </HTML> ★★inf_hokkaido.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_e.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 北海道日本ハムファイターズ </B> </BODY> </HTML> ★★inf_touhoku.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_f.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 東北楽天ゴールデンイーグルス </B> </BODY> </HTML> ★★inf_sel.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_g.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> チーム名を選択してください。 </B> </BODY> </HTML>
- kokorone
- ベストアンサー率38% (417/1093)
まずは、別窓編です。 ★★index1.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <script language="javascript"> <!--// var hWin; function win_open(w_url) { var w_url; window.open(w_url, "Test", "width=500,height=500"); } function win_open1(w_url,w_img) { var w_url; var w_img; hWin = window.open(w_url, "Test", "width=500,height=500"); hWin.document.body.style.backgroundImage ="url("+w_img+")"; } //--> </script> </HEAD> <table> <tr> <td> <A HREF="JavaScript:win_open('inf_chiba.html')">千葉ロッテマリーンズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_chiba.html','pa_g.jpg')">千葉ロッテマリーンズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_fukuoka.html')">福岡ソフトバンクホークス</A> </td> <td> <A HREF="JavaScript:win_open1('inf_fukuoka.html','pa_g.jpg')">福岡ソフトバンクホークス</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_seibu.html')">西武ライオンズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_seibu.html','pa_g.jpg')">西武ライオンズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_orix.html')">オリックス・バッファローズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_orix.html','pa_g.jpg')">オリックス・バッファローズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_hokkaido.html')">北海道日本ハムファイターズ</A> </td> <td> <A HREF="JavaScript:win_open1('inf_hokkaido.html','pa_g.jpg')">北海道日本ハムファイターズ</A> </td> </tr> <tr> <td> <A HREF="JavaScript:win_open('inf_touhoku.html')">東北楽天ゴールデンイーグルス</A> </td> <td> <A HREF="JavaScript:win_open1('inf_touhoku.html','pa_g.jpg')">東北楽天ゴールデンイーグルス</A> </td> </tr> </table> </HTML> ★★inf_chiba.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_a.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 千葉ロッテマリーンズ </B> </BODY> </HTML> ★★inf_fukuoka.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_b.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 福岡ソフトバンクホークス </B> </BODY> </HTML> ★★inf_seibu.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_c.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 西武ライオンズ </B> </BODY> </HTML> ★★inf_orix.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_d.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> オリックス・バッファローズ </B> </BODY> </HTML> ★★inf_hokkaido.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_e.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 北海道日本ハムファイターズ </B> </BODY> </HTML> ★★inf_touhoku.html★★ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> </script> </HEAD> <BODY style="background-image:url('pa_f.jpg');background-repeat:no-repeat;background-position: left bottom"> <B> 東北楽天ゴールデンイーグルス </B> </BODY> </HTML>
- kokorone
- ベストアンサー率38% (417/1093)
Ｑ１： 別窓で表示するHTMLは、既に用意されている のですか？親窓から、ＪＳですべて作りこむ のですか？ Ｑ２： 背景・画像を変えるのは、どんなタイミング なのですか？
補足
すみません、補足遅くなりました。 書き込んだのが消えてたみたいです。。。。? 別窓だけHTMLで作成して、表示させる内容は画像とかにしようと思ってます。 タイミングは。クリックにて。本体の窓の文章をクリックした時に、画像が切り変わればいいと思ってます。