ベストアンサー

ポップアップのリンク先と閉じ方について

2008/11/10 12:20

今、websiteを制作中です。考えているのは、TOPページからバナーをクリックすると、ポップアップが開き、その画面をクリックすると、リンク先のページが元のTOPページに更新され、ポップアップはクリックした時に閉じさせたと思っています。どなたか、分かる方いらっしゃいましたら、ご指導お願いいたします。

hibishoujin
お礼率84% (39/46)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2008/11/10 14:20 回答No.1

ポップアップを何で作るかにもよりますが・・・別ウインドウで表示する場合は、そちらのスクリプトから、親のウインドウのURL指定は　window.opener.location.href="○○.html"; 自分自身を閉じるのは　window.self.close();　で可能です。 DIVなどで、ポップアップを表示する場合は、 display:block/noneの指定で、表示/非表示が可能ですし、ジャンプ指定は自分自身のURL指定なので、　location.href="○○.html"; を指定するか、または普通の<a>タグだけでもOKですね。参考になれば・・・ <html> <head> <style type="text/css"> #pop{ position:absolute; padding:4px; top:30px; left:30px; width:250px; height:80px; border:7px ridge LightSteelBlue; background-color:GhostWhite; text-align:center; display:none; } </style> <script type="text/javascript"> function disp(){document.getElementById('pop').style.display='block';} </script> </head> <body> なんたらかんたら <p><input type="button" onclick="disp()" value="ポップアップ表示"> <div id='pop'> <br><a href="○○.html">リンクボタン</a> </div> </body> </html>

質問者