我想在当前网页上创建并显示一个自行设计的窗口,而不是像您在此页面上看到的弹出窗口 Open the link and click first "Demo" button on that page.
当我尝试在接受我的链接的 stackoverflow 上放置一个关于这个问题的链接时,出现了相同类型的窗口。
例如 facebook 也使用这种类型的窗口来显示标记的图像。 请帮助我。
最佳答案
如果您正在寻找弹出 div 框的确切代码,那么就在这里。在浏览器中心显示 div 框比较困难,需要更多的 javascript 来解决中心问题。
注意'return false;'在按钮的 OnClientClick 事件中。这会停止按钮执行回发并重新加载整个页面。
<head runat="server">
<script type="text/javascript" language="javascript">
function togglePopUp(div_id) {
var el = document.getElementById(div_id);
if (el.style.display == 'block') { el.style.display = 'none'; }
else { el.style.display = 'block'; }
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnPopUp" OnClientClick="togglePopUp('popUpDiv'); return false;"
text="Pop Up a div boxt" runat="server" />
</div>
<div id="popUpDiv"
style="
display:none;
position:absolute;
top:100px;
left:100px;
background-color:Gray;
z-index: 10002;">
My popup box
</div>
</form>
</body>
</html>
关于javascript - 如何在当前网页上创建和显示自己设计的窗口而不是弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11262612/