如何创建包含表格并具有关闭按钮的弹出窗口？

Question

我正在尝试在点击链接时创建弹出窗口。我一直在寻找，我能找到的就是像这样的HTML代码

<p onClick="confirm('Correct?')" </p>

我想要创建的是一个弹出窗口，显示一个带有名称的表格，邮政编码为e.t.c

所以基本上没有像上面的代码一样显示正确的弹出窗口吗？我希望它显示我自己选择的一些东西。我正在寻找一个顶部有一个关闭按钮的人。

谢谢大家。

Answer 1

因此。你需要一个名为showTable（）的javascript函数和一个id为：popup的div。 将代码更改为：<p onClick="ShowTable(ID)" </p>，其中ID是表的ID。 将表的值存储在javascript数组中。

ShowTable应包含：

function showTable(id){document.getElementById("popup").style.display=block;
document.getElementById("popup").innerHTML=table[id];}

此外，表[id]也应该同意这一点：<a href="#" onclick="closePopup();">Close popup</a>

并添加此功能：

function closePopup(){
document.getElementById("popup").style.display=none;
}

为了使其更加设计，你可以使用jQuery动画。

Answer 2

也许需要最少量工作的选项是使用jQuery UI，它有一个Dialog插件。不过，你需要对jQuery有点熟悉。这是链接：http://jqueryui.com/demos/dialog/