在一个弹出窗口中显示多个链接

时间:2013-09-18 12:37:29

标签: javascript html popupwindow

在我的应用程序中,我有多个链接,每个链接都在弹出窗口中打开。

我的想法是只打开一个弹出窗口(默认情况下可能会显示第一个链接), 可以直接在此弹出窗口中选择和显示其他内容。

我试图找到接近这个结果的不同可能性。

我的代码示例:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Show Content</title>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript"> 
</script> 
</head>
<body>
 <a href="www.google.com" onclick="openpopup(this.href,window1);return false;">link1</a>
 <a href="www.google.com" onclick="openpopup(this.href,window1);return false;">link2</a>
</body>
<script type="text/javascript">
var ctr=0;
function openpopup(popurl,winName){
//var winName = "win_"+(ctr++);
winpops=window.open(popurl,winName,"width=300,height=382,scrollbars=no")
}
</script>

1 个答案:

答案 0 :(得分:0)

我认为只需在其他弹出窗口中添加winpops变量即可。 你的winpopup实例化窗口并给出父/子链接,所以如果你添加类似的东西:

 onclick="openpopup(this.href,'window1')"

并在你的JS中:

function openpopup(popupurl, winName) {
 winpops = window.open(...,winName,...)
}

应该有用。我没有测试它:)