PHP，JavaScript弹出窗口没有顶栏答案

【问题标题】：PHP, JavaScript popup window without top barPHP，JavaScript弹出窗口没有顶栏
【发布时间】：2013-11-21 09:27:47
【问题描述】：

所以我需要制作没有顶栏的弹出窗口。我的意思：

当我点击按钮（日历天是按钮）时，我需要这样的弹出窗口：

我现在有脚本：

<script type="text/javascript">
 <!--
  var stile = "top=10, left=10, width=600, height=800 status=no, menubar=no, toolbar=no scrollbar=no";
     function Popup(apri) {
        window.open(apri, "", stile);
     }
 //-->
</script>
<a href="javascript:Popup('YOURPAGE.html')">show popup</a>

点击按钮后会打开这个：

我需要让它打开而不是 Firefox，但只会在里面显示带有“x”的灰色内容来关闭窗口：

感谢您的回答。

【问题讨论】：

你必须去自定义 jquery modal Popup 的东西。

标签： javascript php html popup window

【解决方案1】：

你不能。浏览器没有提供这样做的机制。

最接近的方法是使用 HTML 和 CSS（使用 JS 添加可拖动支持并处理关闭按钮）来创建看起来像窗口但实际上是页面的一部分的东西（因此无法拖动在窗口之外，因为它本身不是一个窗口）。

【讨论】：

感谢您的回答。我正在为 Facebook 创建应用程序，所以我不在乎会是什么编程语言，我只需要制作这样的弹出窗口并且不知道该怎么做。

【解决方案2】：

正如其他人所提到的，您不能创建不使用完整浏览器窗口的弹出窗口。

但是，您可以做的是创建所谓的“弹出框”。

也就是说，不是使用新窗口，而是使用 javascript、HTML 和 CSS 的组合来创建行为与弹出窗口非常相似但实际上在同一个浏览器窗口中的内容。

想想当今旅游网站上日期选择器的工作方式。

一个很好用的是这个 jQuery 插件：https://github.com/klaas4/jQuery.popover

它在 Demo.html 中有一组单页说明，可以帮助您入门。

祝你好运！

【讨论】：