Breaking

Search Here

02 December 2014

Home / .Net / JQuery / speak task using jquery

speak task using jquery

by on in ,
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ims_Voice.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head runat="server">

    <title>IMS</title>
//css styles only may be or may not be
    <link href="Content/Login_Styles.css" rel="stylesheet" />
    <link href="Content/Login_Styles_768.css" rel="stylesheet" />
    <link href="Content/Login_Styles_480.css" rel="stylesheet" />
    <link href="Content/Login_Styles_1366.css" rel="stylesheet" />
    <link href="Content/Login_Styles_1280.css" rel="stylesheet" />
    <link href="Content/Login_Styles_1024.css" rel="stylesheet" />


    <script src="speakClient.js"></script>
    <script src="jquery-1.7.1.min.js"></script>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
         
            speak("Welcome To IMS LogIn Page.");

            $("#txtusername").mouseover(function () {
                speak("Enter UserName");
            });

            $("#txtpassword").mouseover(function () {
                speak("Enter Password");
            });

            $("#btnlogin").mouseover(function () {

                if ($("#txtusername").val() == "")
                {
                    speak("Enter UserName");
                }

                else if ($("#txtpassword").val() == "") {
                    speak("Enter Password");
                }

                else {
                    var UserName = $("#txtusername").val();
                    var Password = $("#txtpassword").val();

                    var data = { UserName: UserName, Password: Password };

                    $.ajax({
                        type: "POST",
                        url: "Default.aspx/LogIn",
                        data: JSON.stringify(data),
                        contentType: "application/json; charset=utf-8",
                        datatype: "json",
                        async: "true",
                        success: function (result) {
                            var url = "StudentInfo.aspx"
                            window.location.href = url;
                        }
                    });
                    speak("Enter Correct UserName And Password");
                }
            });
        });
    </script>

    <style>
        .dashboardpopup {
            background-color: #FFFFFF;
            border-radius: 10px 10px 10px 10px;
            box-shadow: 0 0 25px 5px #999999;
            color: #111111;
            display: none;
            min-width: 650px;
            padding: 25px;
            min-height: 400px;
        }

        .button {
            background-color: #2B91AF;
            border-radius: 10px 10px 10px 10px;
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
            color: #FFFFFF;
            cursor: pointer;
            display: inline-block;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
        }

            .button.b-close, .button.bClose {
                border-radius: 7px 7px 7px 7px;
                box-shadow: none;
                font: 600 14px "Segoe UI";
                padding: 0 6px 2px;
                position: absolute;
                right: -7px;
                top: -7px;
            }
    </style>

</head>
<body>
    <form id="form1" runat="server">
        <div id="dvLoading">
        </div>
        <div id="Lwrapper">
            <div class="Modules">
                <a href="#" class="ChkMarks"></a>
                <a href="#" class="events"></a>
                <a href="#" class="ChkFees"></a>
                <a href="#" class="Attendance"></a>
                <a href="#" class="MobUpdate"></a>

            </div>
        </div>

        <div id="RWrapper">
            <div class="Title">
                STANNS

                <div class="Label">Sign in with your Organization Account</div>
                <div class="Sign_inwrapper">
                    <div class="Uname_IE">User Name</div>
                    <div id="audio"></div>
                    <input name="name" type="text" id="txtusername" placeholder="User Name" />

                    <div class="Pword_IE">Password</div>
                    <input name="pass" type="password" id="txtpassword" placeholder="***********" />
                </div>
                <span style="float: left">
                    <input name="btnLogin" type="button" id="btnlogin" class="Sign_btn" value="Sign In" />
                </span>
                <a href="#" class="FPassword">Can't access your account? </a>
                <%-- <div class="footer">
                    Innovating & Transforming Businesses<br />

                    Copyright © 2010. All rights reserved.
                <br />
                    <a href="http://www.myverity.net" target="_blank">Verity Information Solutions</a>.  
                </div>
                   <%--<asp:TextBox ID="txtusername" runat="server" CssClass="UserName"></asp:TextBox>
                <div id="element_to_pop_up1" class="dashboardpopup" style="display: none;">
                    <span class="button b-close">
                        <span>X</span>
                    </span>
                    <div id="divContent">
                        <iframe id="iframeHelp" frameborder="0" width="100%" height="400px"></iframe>

                    </div>
                </div>--%>
            </div>
        </div>

        <%--<div>
                    <asp:Label ID="lblName" runat="server" Text="Sign in with your Organization Account" CssClass="Label"></asp:Label>
                   UserName:<asp:TextBox ID="txtusername" runat="server"></asp:TextBox>
                  <asp:TextBox ID="txtpwd" runat="server" TextMode="Password" CssClass="UserName"></asp:TextBox>
            <asp:Button ID="btnlogin" runat="server" Text="Sign In"  CssClass="Sign_btn"  />
                    <br />
                    <br />
                    <br />
                    Password:<asp:TextBox ID="txtpwd" runat="server" TextMode="Password"></asp:TextBox><br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <asp:Button ID="btnlogin" runat="server" Text="LogIn" />
                </div>--%>

        <%--     <div id="audio"></div>
        UserName:<input type="text" id="txtusername" runat="server" /><br />

        Password:<input type="password" id="txtpassword" runat="server" />--%>
    </form>
</body>
</html>

Author Image

About Asp.net Satyanarayana
Asp.Net Satyanarayana Blogging Tips is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of our blogging tips is to provide the best quality blogger templates.

Related Posts:
By at
Tag ,

No comments:

Post a Comment

Hello all, if you have any doubt feel free comment

Subscribe to: Post Comments (Atom)

Comments