2

私の ASP ページでは、ユーザーがボタンをクリックするたびにポップアップ ウィンドウを表示したいと考えています。ポップアップ ウィンドウには、ユーザーからファイルパスを取得するための 1 つのテキスト ボックスと送信ボタンが含まれています。

例：スタックオーバーフローサイトでこのようなポップアップが欲しい...

ここに画像の説明を入力

これを手に入れるために私を助けてください...

4

2 に答える 2

4

ここにEDITED:demoがあります。ニーズに合わせてカスタマイズしてください。さらにサポートが必要な場合はお知らせください。クリックするとポップアップが表示されるリンクを追加しました。その後、ポップアップ div は実際の popup になり、ポップアップ div には別の div が含まれます。この場合は、コンテンツ (この場合はテキスト ボックスとボタン) を保持するためだけです。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

If I understand you correctly you want to use window.open, here's some info: https://developer.mozilla.org/en/DOM/window.open

Do you need something like this (this is a crude example as I don"t know the name of your page, etc, etc...):

<!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>

However I'd advise doing this in an unobtrusive manner.

于 2012-06-08T07:26:00.563 に答える