ASPページで1つのボタンを作成し、そのボタンのクリックイベントで、divタグ部分を表示したいと思います。実際には、そのDiv部分には1つのテキストボックスと2つのボタンが含まれています。
これは私のaspxページのコンテンツです:
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<style type="text/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;
-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;
}
</style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script type="text/javascript" language="javascript">
function ShowPopUp()
{
$('#popup').show("slow");
}
function hidePopUp()
{
$('#popup').hide("slow");
}
</script>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Test">
</asp:Button>
<div id="popup">
<div id="content">
<input type="text"/><input type="button" value="Browse"/>
<input id="popupclose" type="button" value="Close" onclick="hidePopUp();/>
</div>
</div>
</asp:Content>
私のC#コードは以下のとおりです。
protected void Test(object sender,EventArgs e)
{
ClientScript.RegisterStartupScript(GetType(), "popup", "ShowPopUp()", true);
}
しかし、ボタンをクリックするたびに、Div部分が表示されません...ここで何が問題なのかわかりません...
この問題から抜け出すために私を導いてください...