Greetings again,
I am using textChanged event to verify username.
If user enters an ID, upon mouse leaving the textbox control, user's entry is validated against the DD to verify if ID entered exists or not.
If yes, user cannot proceed.
If no, is proceeds to complete entire form.
When a user enters an ID, I have a loading script that displays a loading message while user's entry is validated against the DB
All these work great.
We have to use updatePanel in other for the loading script to work.
The issue is that because we are using an updatePanel, certain controls such as popover that user can click to understand what that control means no longer pops open when you click it.
Is there any way to work around this problem in such that loading works while the popover control can still pop open a box when clicked?
Below is a snippet of the code that shows loading script as well as popover control.
Right now, I can only use either the loading script or the popover but not both and we would like to use both.
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="scriptmanager1" runat="server">
</asp:ScriptManager>
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
function BeginRequestHandler(sender, args) {
var state = document.getElementById('loadingdiv').style.display;
if (state == 'block') {
document.getElementById('loadingdiv').style.display = 'none';
} else {
document.getElementById('loadingdiv').style.display = 'block';
}
args.get_postBackElement().disabled = true;
}
</script>
<div>
<asp:UpdatePanel ID="PnlUsrDetails" runat="server">
<ContentTemplate>
<table>
<tr>
<td>
UserName:
</td>
<td>
<asp:TextBox ID="txtUsername" runat="server" AutoPostBack="true" ontextchanged="txtUsername_TextChanged"/>
</td>
<td>
<div id="checkusername" runat="server" Visible="false">
<asp:Image ID="imgstatus" runat="server" Width="17px" Height="17px"/>
<asp:Label ID="lblStatus" runat="server"></asp:Label>
</div>
</td>
</tr>
</table>
<div class="waitingdiv" id="loadingdiv" style="display:none; margin-left:5.3em">
<img src="LoadingImage.gif" alt="Loading" />Please wait...
</div>
...
...
<button type="button" class="btn btn-info" data-toggle="popover" title=" Definition" data-trigger="focus" data-content="Definition goes here."><span class="glyphicon glyphicon-question-sign" style="color:#ffffff"></span></button><br />
...
...
</ContentTemplate>
</asp:UpdatePanel>
</div>
Thanks as always