Here in this article we are discuss about popup login form when click on link button and also provide a close button in popup login form.Hope this article is helpfull for You..........
POpupLogin=>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'block' " ><span style="text-decoration: underline;">Login Here</span></a>
<div id='PopUp' style='display: none; position: absolute; left: 50px; top: 50px; border: solid black 1px; padding: 10px; background-color: rgb(255,255,225); text-align: justify; font-size: 12px; width: 300px;'>
<table><tr><td>UserName</td><td><asp:TextBox ID="tg1" runat="server"></asp:TextBox></td></tr>
<tr><td>password</td><td><asp:TextBox ID="TextBox1" runat="server" TextMode="Password"></asp:TextBox></td></tr>
<tr><td></td><td><asp:Button ID="bt" runat="server" Text="Submit" onclick="btn_Click" /></td></tr>
</table>
<br />
<div style='text-align: right;'><a onmouseover='this.style.cursor="pointer" ' style='font-size: 12px;' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'none' " ><span style="text-decoration: underline;">Close</span></a></div>
</div>
<br />
</form>
</body>
</html>
No comments:
Post a Comment