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

解決済

質問者：hibishoujin
質問日時：2008/11/10 12:20
回答数：1件

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

どなたか、分かる方いらっしゃいましたら、ご指導お願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2008/11/10 14:20

ポップアップを何で作るかにもよりますが・・・

別ウインドウで表示する場合は、そちらのスクリプトから、親のウインドウの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>