So my issue is when the user is logging in I am changing the cursor to wait.....
But when the cursor is over the links in the login page it changes to pointer/hand etc... How can i stop that and display wait cursor till my user is logged on.
I want a wait cursor only until my login method authenticates the user(which takes quite sometime for me) and once this is done new page load is quick... my new page does not require the wait cursor.
<div id="login-content">
<fieldset style="border: 1px solid lightgrey;">
<div id="inputs">
<%--OnTextChanged="txtUserName_TextChanged"--%>
<asp:TextBox ID="txtUserName" runat="server" placeholder="Your Email"></asp:TextBox>
<asp:TextBox ID="txtPwd" runat="server" TextMode="Password" placeholder="Your Password"></asp:TextBox>
<asp:TextBox ID="txtExtension" runat="server" placeholder="Your Extension"></asp:TextBox>
<asp:HiddenField ID="txtHashedPassword" runat="server" />
<asp:TextBox ID="TextFPEmail" runat="server" placeholder="Your email address"></asp:TextBox>
<asp:HiddenField ID="HiddenFieldVisible" runat="server" Value="0" />
<asp:Label ID="labelErrorMessage" runat="server" class="error"></asp:Label>
</div>
<div id="divcookie" style="width: 243px; padding: 5px;">
<asp:CheckBox ID="chkLoginCookie" runat="server" CssClass="loginCookie" OnCheckedChanged="chkLoginCookie_CheckedChanged" />
<asp:Label ID="LabelchkCookie" runat="server" Text="Remember me" ForeColor="#6C6C6C"></asp:Label>
</div>
<div id="actions">
<asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="submit" OnClientClick="emptylabel();"
OnClick="btnLogin_Click"></asp:Button>
<asp:Button ID="ButtonFPClick" runat="server" Text="Send password" CssClass="submit"
Style="width: auto; padding: 0 4px;"></asp:Button>
<br />
<br />
<a id="linkFP" href="#" style="float: right;" onclick="linkFPClick()"></a><a id="linkLogin"
href="#" style="float: right;" onclick="linkLoginClick()">Login</a>
</div>
<asp:Panel ID="PanelCallHistory" runat="server" Visible="false">
<div id="divCallHistory">
<asp:Repeater ID="rptCallHistory" runat="server" OnItemCommand="rptCallHistory_ItemCommand"
OnItemDataBound="rptCallHistory_ItemDataBound">
<HeaderTemplate>
<table cellspacing="0" width="100%" rules="rows" style="font-family: segoe ui, Arial, sans-serif">
<tr style="height: 33px; background-color: lightgray; color: dimgray; padding: 0px;
margin: 0 5px 0; width: 100%; border-bottom: 2px solid white">
<th scope="col" style="width: 10%; padding-left: 10px;" align="left">
</th>
<th scope="col" style="width: 35%" align="left">
<%# TranslateText("Contact")%>
</th>
<th scope="col" style="width: 20%" align="left">
<%# TranslateText("Number")%>
</th>
<th scope="col" style="width: 15%" align="left">
<%# TranslateText("Date")%>
</th>
<th scope="col" style="width: 15%" align="left">
<%# TranslateText("Time")%>
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr style="height: 45px; background-color: rgb(241,250,250); color: rgb(112,146,190);
padding: 5px; font-weight: bold; border-bottom: 2px solid white">
<td>
<asp:Image ID="ImageCallType" runat="server" ImageUrl='<%# GetCallTypeImg(Eval("CallType"))%>'
Height="35" Width="35" />
</td>
<td>
<asp:Label ID="lblContact" runat="server" Text='<%# Eval("RemoteName")%>' />
</td>
<td>
<asp:LinkButton ID="LinkButtonNumber" ForeColor="#7092BE" CommandName="Dial" CommandArgument='<%# Eval("RemoteURI")%>'
Font-Underline="True" runat="server" Text='<%# Eval("RemoteURI")%>'></asp:LinkButton>
<%-- <asp:HyperLink ID="HyperLinkCallNumber" runat="server" ForeColor="#7092BE" Font-Underline="True" NavigateUrl="#"><%# Eval("RemoteURI")%></asp:HyperLink>--%>
</td>
<td>
<asp:Label ID="lblCallDate" runat="server" Text='<%# GetDateFormatted(Eval("Arrival"))%>' />
</td>
<td>
<asp:Label ID="lblCallTime" runat="server" Text='<%# GetTimeFormatted(Eval("Arrival"))%>' />
<asp:HiddenField ID="HiddenFieldMissed" Value='<%# Eval("Answer")%>' runat="server" />
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<asp:Panel runat="server" ID="pnlChEmptyPages">
<table style="width: 100%">
<tr>
<td style="width: 5%">
<asp:ImageButton ID="btnStart2CH" runat="server" Height="24px" ImageUrl="~/images/ArrowDoubleLeft.png"
Width="24px" ImageAlign="Left" />
</td>
<td style="width: 5%">
<asp:ImageButton ID="btnUp2CH" runat="server" Height="24px" ImageUrl="~/images/ArrowLeft.png"
Width="24px" ImageAlign="Left" />
</td>
<td align="center">
</td>
<td style="width: 5%">
<asp:ImageButton ID="btnDown2CH" runat="server" Height="24px" ImageUrl="~/images/ArrowRight.png"
Width="24px" ImageAlign="Right" />
</td>
<td style="width: 5%">
<asp:ImageButton ID="btnEnd2CH" runat="server" Height="24px" ImageUrl="~/images/ArrowDoubleRight.png"
Width="24px" ImageAlign="Right" />
</td>
</tr>
</table>
</asp:Panel>
<asp:Panel runat="server" ID="pnlEmptyLabel" Visible="false">
<table style="width: 100%; height: 65px; background-color: rgb(241,250,250); margin: 0;
font-family: segoe ui, Arial, sans-serif; font-weight: 700; color: rgb(112,146,190)">
<tr align="center">
<td align="center">
<asp:Label ID="LabelCHEmpty" runat="server" Text="Your call log has no records"></asp:Label>
</td>
</tr>
</table>
</asp:Panel>
</div>
</asp:Panel>
<script type="text/javascript">
function emptylabel() {
document.getElementById("<%= labelErrorMessage.ClientID %>").innerHTML = "";
document.body.style.cursor = 'wait';
return true;
}
</script>
Protected Sub btnLogin_Click(sender As Object, e As EventArgs)
'If txtUserName.Text = "admin" Then
' Server.Transfer("AdminDefault.aspx?User=" + txtUserName.Text)
'Else
' Server.Transfer("Default.aspx?User=" + txtUserName.Text)
'End If
timerShowDirectory.Enabled = False
txtPwd.Attributes.Add("value", txtPwd.Text)
HandleLogin()
End Sub
There is lot of information in my actual file.But i am doing a plain login with a repeater which is a accordion in my screen.Once i press login i set the cursor to wait cursor but it changes to hand cursor when it hovers over accordion. So when i press login i want the cursor to remain wait cursor even if the mouse s placed over accordion/links.......