highslide：我可以获得相同 html 内容的多个弹出窗口吗？答案

【问题标题】：highslide: can I get multiple popups of the same html content?highslide：我可以获得相同 html 内容的多个弹出窗口吗？
【发布时间】：2014-05-03 01:10:39
【问题描述】：

我正在为我的学生建立一个课程网站，通过不同的链接访问不同的“章节”。我希望能够有两个或多个同一页面的弹出窗口，以便我可以并排查看同一章节的不同部分。这可能在高位滑行（我不认为是......）。任何解决方案，无论是否使用 highslide，都将不胜感激！

【问题讨论】：

指向您网站的链接会有所帮助。您是在 Highslide 弹出窗口中使用内联 HTML，还是在弹出窗口中使用 iframe？只要您不使背景变暗并且将 hs.allowMultipleInstances 设置为 true，Highslide 打开多个弹出窗口应该没有问题。

标签： html highslide

【解决方案1】：

这是一个 jsfiddle 演示，可让您打开多个 HTML 弹出窗口。在这种情况下，两个链接都打开了同一个页面，但这只是为了保持演示设置简单——通常你会让每个链接打开一个不同的 iframed 页面，但是对于你的特定要求，我猜你会打开同一页两次，就像这个演示一样。打开第一个链接，然后通过标题将其拖到一侧，然后打开第二个链接。

http://jsfiddle.net/MisterNeutron/Qk6U6/1/

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo by MisterNeutron</title>
<script type='text/javascript' src="http://highslide.com/highslide/highslide-full.js"></script>
<link rel="stylesheet" href="http://highslide.com/highslide/highslide.css">
<script type='text/javascript'>
hs.graphicsDir = 'http://highslide.com/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
</head>
<body>
<div>
<a id="thumb1" href="http://highslide.com/examples/includes/include-short.htm" onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )">First iframe</a>
<br><br>
<a id="thumb2" href="http://highslide.com/examples/includes/include-short.htm" onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )">Second iframe</a>
</div>
</body>
</html>

【讨论】：

谢谢@MisterNeutron。我追求的是能够从单个拇指链接打开相同弹出窗口的第二个实例 - 单击链接两次并获得两个相同的弹出窗口。我意识到，这不是一个常见的用例，但在教学中让一些先前派生的结果在我正在解释的内容的当前部分旁边可见是非常有用的。我可以关闭一个弹出窗口并从同一个链接重新打开它（这并不奇怪），所以也许 highslide 正在跟踪哪个链接当前有一个打开的弹出窗口？
副手，我想不出任何办法来解决这个问题。 Highslide“知道”该链接的弹出窗口已经打开，并且不会尝试打开另一个。如果你仔细想想，你就会明白为什么。例如，当您关闭其中一个时，它怎么知道该怎么做？
每个锚点产生一个唯一标识的扩展器。每个锚点只能有一个扩展器。我认为改变这将涉及大量重写脚本，但也许其他人有一个聪明的解决方法。
感谢@MisterNeutron 的快速和明智的回复。我确实有一个比两个相邻的冗余链接更美观的解决方法：我可以将章节标题用作一个链接，并在该链接下使用一个子菜单，其中包含指向该章节中不同部分的链接。不完全是我想要的，但它会起作用。这是我第一次使用 highslide，所以我在这里真的是个菜鸟。如果我使用非 highslide 链接，我可以打开任意数量的新浏览器实例，但我想这些是完全不同的过程，它们负责自己的整理工作。再次感谢。

【解决方案2】：

我使用 Dreamweavers 菜单为我的网站提供了一个下拉列表，然后我可以对其进行编辑。当您单击链接时，也许“在新窗口中打开”会起作用。我发现大多数点击将默认在同一个窗口中打开。

【讨论】：