<div id ="modifypw" style="display:none"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return modify()" /> <script type="text/javascript"> function modify(){ var d = document.getElementById("modifypw"); var show = d.style.display; var flag = true; if(show=="none"){ d.style.display="block"; flag=false; } return flag; } </script>
用户名: [email protected] 修改密码 当点击修改密码时出现密码修改框,取消修时隐藏密码修改框密码修改框我用 <div class ="modifypw"></div>这个层来装的
ID="modify" runat="server" Text="修改密码" onclick="modify_Click"
onclientclick="modify()" /></div> 这个为修改按扭
<table style="width: 100%; margin-top: 70px;">
<tr>
<td style="width: 60%">
</td>
<td>
<asp:TextBox ID="txt_LoginId" runat="server" Width="125px"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
<br />
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:TextBox ID="txt_LoginPwd" runat="server" Width="125px" TextMode="Password"></asp:TextBox>
</td>
</tr>
</table>
<br />
<br />
<asp:ImageButton ID="imgbtnLogin" runat="server"
ImageUrl="~/Images/ModalPopupLogin.jpg" onclick="imgbtnLogin_Click" />
<input type="image" runat="server" id="imgbtnCancel" style="cursor: hand" src="Images/ModalPopupCancel.jpg" />
</asp:Panel>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="hid"
PopupControlID="pnlPopup"
DropShadow="false"
CancelControlID="imgbtnCancel"
Drag="true"
PopupDragHandleControlID="pnlPopup"
BackgroundCssClass="otherBgCss">
</asp:ModalPopupExtender>
<input id="hid" type="hidden" runat="server" />点击修改密码, ModalPopupExtender1.Show(); .otherBgCss
{
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
}
或者你google一下登录弹出框,自己安装需求修改。
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return modify()" />
<script type="text/javascript">
function modify(){
var d = document.getElementById("modifypw");
var show = d.style.display;
var flag = true;
if(show=="none"){
d.style.display="block";
flag=false;
}
return flag;
}
</script>
弹出后这个应该是Text="取消修改"怎么没有改变呢,