创建一个始终保持打开的窗口[重复]答案

【问题标题】：Create a window that always remains on [duplicate]创建一个始终保持打开的窗口[重复]
【发布时间】：2013-01-28 15:27:56
【问题描述】：

可能重复：
Popup window always on top

在我的 Web 应用程序中，有一个用于打开分数图表的按钮。图表作为新窗口打开，以便用户可以将其放在主窗口旁边：

javascript:window.open('chart',..., 'left=50,top=50,toolbar=no,location=no,status=no,directories=no,dependent=yes,menubar=no, width=400,height=600,scrollbars=yes')

但是，当用户将他的主窗口设为全屏，然后打开乐谱图，然后点击主窗口时——乐谱图在主窗口下“消失”了。

我怎样才能使分数图表始终保持在顶部（当然，直到用户关闭它）？

也欢迎其他实现相同目标的想法...

【问题讨论】：

你不能，JavaScript 不提供那种“永远在最上面”的功能。您可以做的“最好”是在他们尝试切换到另一个窗口时持续关注弹出窗口，但这会非常令人讨厌，可能无法实现您的期望，并且是一个非常非常糟糕的主意。

标签： javascript user-interface window user-experience

【解决方案1】：

您可以使用 jquery 对话框将窗口作为主窗口内的“窗口”打开，这样主窗口和分数图表是相同的..

var $div = $("<div/>");
$("#OpenScoreChartButton").click(function() {
    $div.load('chart.aspx?... ', function() {
       $div.dialog(); 
    });
});

【讨论】：

感谢您的示例。正是我需要的。

【解决方案2】：

让 div 位于页面顶部而不是浏览器窗口会怎样？弹出窗口通常被浏览器默认阻止。实现这一点的一种方法是使用这样的 javascript 插件：https://github.com/ajayhada/SimpleDialog/wiki，或者可能是 Jquery UI Dialog，请参阅 http://jqueryui.com/dialog/

【讨论】：

查看在我的回答中使用 jQuery UI 对话框的示例...