DOTNET POINT: login page

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Website.ERP.ADMIN.Login" %>

<!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>
    <link href="../../css/ken-campus-main.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
    .Maintitle
        {
            text-align: left;
            width: 100%;
            display: block;
            font-family: Arial;
            float: left;
            height: 19px;
            color: #014483;
            font-size: 15px;
            font-weight: normal;
        }
        .MainTitleSeparator
        {
            padding-bottom: 1px;
            width: 100%;
            float: left;
            height: 1px;
            background-color: #9ec1ee;
            border-top: #9ec1ee 1px solid;
            margin-bottom: 10px;
        }
        .grid
        {
            width: 99.7%;
            height: auto;
            border: solid 2px #c8c8c8;
            float: left;
        }
        .grid_top
        {
            behavior: url(~/css/PIE.htc);
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            width: 99%;
            height: auto;
            border: solid 4px #c8c8c8;
            float: left;
            background-color: #c8c8c8;
            -moz-border-radius-topleft: 10px;
            -webkit-border-top-left-radius: 10px;
            -khtml-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            -webkit-border-top-right-radius: 10px;
            -khtml-border-radius-topright: 10px;
        }
        .AddNew
        {
            text-align: right;
            display: block;
            float: right;
            height: auto;
            color: #333333;
            text-decoration: none;
        }
        .DefaultWOITest
        {
            border-bottom: #888 1px solid;
            border-left: #888 1px solid;
            padding-bottom: 1%;
            margin: 1.8% 0px 0px;
            padding-left: 1%;
            width: 98%;
            padding-right: 1%; /*background: #e5e5e5;*/
            background: white;
            float: left;
            height: auto;
            font-size: 12px;
            border-top: #888 1px solid;
            font-weight: normal;
            border-right: #888 1px solid;
            padding-top: 1%;
        }
        .PlaceButtonInv
        {
            text-align: right;
            padding-bottom: 5px;
            padding-right: 5px;
            padding-top: 5px;
            padding-left: 5px;
            width: 98%;
            display: block;
            float: left;
            height: auto;
        }
        .PlaceButtonInv INPUT
        {
            background-color: #c8c8c8;
            font-family: Calibri;
            font-size: 12px;
            font-weight: bold;
            width: auto;
            height: 20px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 1px;
            padding-bottom: 3px;
            text-align: center;
            color: #666;
            border: solid 1.5px #9ec1ee;
            border-radius: 3px;
            -moz-border-radius: 3px;
        }
        .m
        {
            border-radius: 10px;
            -moz-border-radius: 10px;
            width:400px;
             height:200px;
              top:200px;
              position:relative;
                border: solid 1.5px #9ec1ee;
        }
    </style>
    <script src="../../Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready
    (
    function () {
        $('#<%=txtname.ClientID %>').focus();
        $('#<%=btnsave.ClientID %>').live("click", function () {
            if ($('#<%=txtname.ClientID %>').val() == "") {
                alert('User name should not blank.');
                $('#<%=txtname.ClientID %>').focus();
                return false;

            }
            else if ($('#<%=txtpass.ClientID %>').val() == "") {
                alert('Password should not blank.');
                $('#<%=txtpass.ClientID %>').focus();
                return false;
            }
        });

        $('#<%=btnreset.ClientID %>').live("click", function () {
            $('#<%=txtname.ClientID %>').val('');
            $('#<%=txtpass.ClientID %>').val('');
            $('#<%=txtname.ClientID %>').focus();
            return false;
        });
    }
    )
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="up" runat="server">
    <ContentTemplate>
    <center>
     <div class="m">
    <div class="Maintitle"> Login</div>
    <div class="MainTitleSeparator">
    </div>
    <br />
     <br />
    <br />
     <br />

    <div class="labeldiv">User Name:</div>
    <div class="valuedivSmall"><asp:TextBox ID="txtname" runat="server" Width="200"></asp:TextBox><span style="color:Red">*</span></div>
    <div class="labeldiv">Password:</div>
    <div class="valuedivSmall"><asp:TextBox ID="txtpass" TextMode="Password" runat="server" Width="150"></asp:TextBox><span style="color:Red">*</span></div>

     <div class="PlaceButtonInv">
                            <asp:Button ID="btnsave" runat="server" Text="Submit" Width="80" /> <asp:Button
                                ID="btnreset" runat="server" Text="Reset" Width="80" /></div>
                    </div>
    </center>

    </div>

    </ContentTemplate>
    </asp:UpdatePanel>

    </form>
</body>
</html>

DOTNET POINT

Wednesday, 24 April 2013

login page

No comments:

Post a Comment