2

在我的 asp 页面中，我想在用户单击按钮时显示一个弹出窗口。弹出窗口包含一个文本框和提交按钮，用于从用户那里获取文件路径。

例如：我想要在 stackoverflow 站点中出现这样的弹出窗口...

在此处输入图像描述

请帮我拿这个...

4

2 回答 2

4

这是一个编辑：演示。自定义它以满足您的需求。如果需要进一步的帮助，请告诉我。我添加了一个链接，该链接将在单击时显示弹出窗口。之后 popup div 是实际的 popup ， popup div 包含另一个 div ，只是为了保存内容，在本例中为 textbox 和按钮。这是 Html 部分。

<a id="popuplink" href="#">Click Me</a>
<div id="popup">
<div id="content">
<input type="text"/><input type="Button" value="Browse..."/>
    <input id="popupclose" type="Button" value="Close"/>   
 </div>   

</div>​

这是CSS：

#popup
{
    display:none;
    position:fixed;
    width:250px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-left:-155px;
    margin-top:-110px;
    border:5px solid red;
    background-color:#DEDFDE;
    padding:30px;
    z-index:102;
    font-family:Verdana;
    font-size:10pt;
    border-radius:10px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    font-weight:bold;
}
#content
{
    height:auto;
    width:250px;
    margin:60px auto;
}
#popupclose
{
    margin:35px 0 0 80px;
    width:50px;

}​

编辑： 要获取文本框的值，请检查此演示

要在单击 Asp.Net Button 时调用 javascript 函数，请尝试执行类似的操作。创建一个将显示弹出窗口的函数。

function ShowPopUp()
{
  $('#popup').show("slow");
}

然后点击按钮试试这个，

ClientScript.RegisterStartupScript(GetType(), "popup", "ShowPopUp()", true);

附加信息 MSDN

于 2012-06-08T07:34:16.377 回答
2

如果我理解正确你想使用window.open，这里有一些信息：https ://developer.mozilla.org/en/DOM/window.open

你需要这样的东西吗（这是一个粗略的例子，因为我不知道你的页面的名称等等......）：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function open_win() {
window.open("mypage.html");
}
</script>
</head>    
<body>
<form>
<input type="button" value="Open Window" onclick="open_win()">
</form>
</body>

</html>

但是，我建议以不引人注目的方式执行此操作。

于 2012-06-08T07:26:00.563 回答