- ベストアンサー
サブウィンドウの画像を入れ替える
初心者です。よろしくお願いします。 親ウィンドウからテキストリンクでサブウィンドウを開きます。 サブウィンドウには、基本的に２種類の画像があります。 親ウィンドウのテキストリンクは３種類（A、B、C）あり、Aのリンクをクリックしたときには、サブウィンドウの <img src="images/x_01.gif" name="sozai01" alt="" width="469" height="142"> <img src="images/x_02.gif" name="sozai02" alt="" width="469" height="142"> の２つの画像をそれぞれ指定する同じ大きさの画像（images/a_01.gifとimages/a_02.gif）に替えたいのですが、どうしたらいいのかさっぱりわかりません。どなたか教えていただけますでしょうか？
- rie-mama
- お礼率75% (18/24)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは 別窓で開いたままだと親ウィンドウをクリックした時点でバックグラウンドに追いやられてしまいますのでその状態で画像を変えても（タスクバーなどで）再び別窓を選択しない限り変化を見ることは出来ません（＞＜） とりあえずこんな感じで出来ます <script language="javascript"><!-- function openwin() { sub = window.open("","sub","width=230px,height=150px"); sub.document.open(); sub.document.write("<html><body>"); sub.document.write("<img src='' width='100px' height='100px' id='img1'>"); sub.document.write("<img src='' width='100px' height='100px' id='img2'>"); sub.document.write("</body></html>"); sub.document.close(); } function image(url1,url2) { sub.document.getElementById("img1").src = url1; sub.document.getElementById("img2").src = url2; } //--></script> <input type="button" onClick="openwin()" value="参照用画像"> <a href="javascript:void(0);" onClick="image('sample0.gif','sample1.gif')">A</a> <a href="javascript:void(0);" onClick="image('sample2.gif','sample3.gif')">B</a> <a href="javascript:void(0);" onClick="image('sample4.gif','sample5.gif')">C</a> 【代替案】 <script language="javascript"><!-- function image(url1,url2) { document.getElementById("img1").src = url1; document.getElementById("img2").src = url2; document.getElementById("preview").style.display = "block"; } //--></script> <a href="javascript:void(0);" onClick="image('sample0.gif','sample1.gif')">A</a> <a href="javascript:void(0);" onClick="image('sample2.gif','sample3.gif')">B</a> <a href="javascript:void(0);" onClick="image('sample4.gif','sample5.gif')">C</a> <div id="preview" style="position:absolute; top:100px; left:100px; display:none;" onClick="this.style.display='none';"> <img src="" id="img1" width="100px" height="100px"> <img src="" id="img2" width="100px" height="100px"> </div>
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
サブウィンドウを開くのも、A,B,Cもテキストリンクであれば 単にリンクさきのHTMLをそれぞれ用につくっておくのが最適かと。
お礼
ありがとうございました。
お礼
>別窓で開いたままだと親ウィンドウをクリックした時点でバックグラウンドに追いやられてしまいます そうですね。その通りでした！ありがとうございます。 でも、早速試してみました！OK！でした～。大変勉強になりました。 また、よろしくお願いします。