Question

以下是我在用户点击图片链接时显示弹出窗口的代码：

Javasript

  function plusbutton(mylink, windowname)
    {
    if (! window.focus)return true;
    var href;
    if (typeof(mylink) == 'string')
       href=mylink;
    else
       href=mylink.href;
    window.open(href, windowname, 'width=800,height=550,scrollbars=yes');
    return false;
}

HTML

<a href="previousquestions.php" onclick="return plusbutton(this, 'previousquestions');">
<image src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/>
</a>

我的问题是，当用户打开窗口时，当用户点击窗口时，窗口最小化。我不希望这种情况发生。如果用户点击窗口，则它仍应显示窗口。

就像当你在Microsfot Word上点击“另存为”时，当出现“另存为”窗口时，如果你点击它，窗口仍会出现，说明你必须保存文件或取消保存以前可以在文档上做任何其他事情。我想在上面的弹出窗口中发生同样的情况，如何实现？

由于

Answer 1

您尝试执行的操作称为“模态窗口”， 无法通过浏览器窗口实现此目标 。事实上，你甚至不能保证它是一个窗口：在某些情况下，某些浏览器只会打开一个新选项卡。

您应该在应用程序中打开一个包含纯HTML的窗口。一些图书馆允许您轻松地执行此操作：例如，jQuery UI对话框。查看http://jqueryui.com/demos/dialog/#modal

如果您的所有架构都限制您的弹出内容由单独的URL传送，您可以执行以下操作之一：

弹出窗口中的put和iframe（简单但很脏）
或使用XMLHttpRequest检索HTML内容，并使用它来定义弹出窗口的内容。也许有点棘手，但更清洁。

Answer 2

你应该显示一个模态div，它看起来像一个窗口，但是当你点击它时它不会被忽略

如果你可以使用像jQuery这样的javascript库，你可以这样做：

$('yourdivselector').dialog({modal : true});

将模态选项设置为true

http://docs.jquery.com/UI/Dialog

当用户点击它时，我不希望弹出窗口最小化

2 个答案: