可能的重复项:
弹出窗口始终位于顶部
在我的 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')
但是,当用户将其主窗口设置为全屏,然后打开分数表,然后单击主窗口时,分数表将在主窗口下"消失"。
如何使分数表始终保持在顶部(当然,直到用户关闭它)?
实现相同目标的其他想法也将受到欢迎......
您可以使用jquery对话框在主窗口中将窗口作为"窗口"打开,这样主窗口和分数表是相同的。
var $div = $("<div/>");
$("#OpenScoreChartButton").click(function() {
$div.load('chart.aspx?... ', function() {
$div.dialog();
});
});
将div 放置在页面顶部而不是浏览器窗口怎么样?浏览器通常默认阻止弹出窗口。实现这一点的一种方法是使用像这样的javascript插件:https://github.com/ajayhada/SimpleDialog/wiki,或者Jquery UI Dialog,请参阅 http://jqueryui.com/dialog/