I have this code in user control and it works in all other browsers except IE6/7. I get an operation aborted error in IE7. Can someone please tell me where to place the hdnCustomer button avoid this error.
<style type="text/css">
.modalPopup
{
z-index: 60;
background-color:#33cccc;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:1px;
width:700px;
}
.modalBackground
{
z-index: 61;
background-color:Gray;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
var index = 0;
var tabIndex = $('#<%= hdnSelected.ClientID %>').val();
if (tabIndex != '') {
index = tabIndex;
}
$("#tabs").tabs({
select: function(event, ui) {
$('#<%= hdnSelected.ClientID %>').val(ui.index);
},
selected: parseInt(parseInt(tabIndex))
});
});
function openModalDiv(divname) {
$('#' + divname).dialog({ autoOpen: false, bgiframe: true, modal: true, width: 600, height: 500 });
$('#' + divname).dialog('open');
$('#' + divname).parent().appendTo($("form:first"));
}
function closeModalDiv(divname) {
$('#' + divname).dialog('close');
}
function ok() {
if (CustDetailValidate()) {
var mybtn = $get('<%= hbtnCust.ClientID %>');
mybtn.click();
}
}
function showModalCustPopupViaClient(control, id) {
$get('<%= hdnCustomer.ClientID %>').value = id;
__doPostBack('<%= btnCustGrdEdit.UniqueID %>', "OnClick");
}
</script>
<div id="CustTab">
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<table border="0" cellpadding="2" cellspacing="2" class="Normal" runat="server" id="Table2">
<tr>
<td align="left" valign="top">
<asp:Label ID="Label13" CssClass="NormalBold" runat="server" Text="Label">Customer(s):</asp:Label>
</td>
<td align="right" width="80%">
<table border="0" cellpadding="2" cellspacing="2" class="Normal" runat="server" id="Table3">
<tr>
<td>
<asp:Label ID="Label26" CssClass="NormalBold" runat="server" Text="Label">Verified Customer:</asp:Label>
</td>
<td>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%" >
<Columns>
<asp:TemplateField HeaderText="Name" >
<ItemTemplate>
<asp:Label ID="lblGCustName" runat="server" Text='<%# ((DPWL.Stores.Customer)Container.DataItem).CustPerson.PName %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Surname">
<ItemTemplate>
<asp:Label ID="lblGCustSurname" runat="server" Text='<%# ((DPWL.Stores.Customer)Container.DataItem).CustPerson.PSurname %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="ID Number">
<ItemTemplate >
<asp:Label ID="lblGCustIDNumber" runat="server" Text='<%# ((DPWL.Stores.Customer)Container.DataItem).CustPerson.PIDNumber %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<a href=" showModalCustPopupViaClient(this,'<%# ((DPWL.Stores.Customer)Container.DataItem).id %>')" id="showModalPopupCust" >Edit</a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<a href=" removeCust(this,'<%# ((DPWL.Stores.Customer)Container.DataItem).id %>')" id="removeCust" >Delete</a>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</td>
</tr>
</table>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="editBox_OK" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<br />
<input id="hdnCustomer" runat="server" type="hidden" />
<asp:Button runat="server" ID="btnCustGrdEdit" OnClick="btnCustGridEdit_Click" style="display:none" CausesValidation="false"/>
<asp:Button runat="server" ID="btnCustGrdRem" OnClick="btnCustGridRem_Click" style="display:none" CausesValidation="false"/>
<table>
<tr>
<td nowrap="noWrap" valign="top">
<div id="divCustDet" title="Customer Details" style="text-align: left;display: none;">
<div style="margin:10px">
<asp:UpdatePanel runat="server" ID="ModalPanel1" RenderMode="Inline" UpdateMode="Conditional">
<ContentTemplate>
</div>
<table border="0" cellpadding="2" cellspacing="2" class="Normal" width="100%">
<tr>
<td align="left">
<table border="0" cellpadding="2" cellspacing="2" class="Normal" width="100%">
<tr>
<td align="left" width="50%">
<asp:Label ID="Label7" CssClass="NormalBold" runat="server" Text="Customer Type:"/>
</td>
<td width="50%">
<asp:RadioButton ID="rbCustomer" AutoPostBack="true" Text=Customer" GroupName="CustDet" runat="server" CssClass="Normal" oncheckedchanged="rbCustomer_CheckedChanged" Checked="true"/><br />
<asp:RadioButton ID="rbVerifiedCustomer" AutoPostBack="true" Text="Verified Customer" GroupName="CustDet" runat="server" CssClass="Normal" oncheckedchanged="rbCustomer_CheckedChanged"/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%">
<asp:Panel ID="pnlCustDetails" runat="server" Width="100%">
<table border="0" cellpadding="2" cellspacing="2" class="Normal" align="center" width="100%">
<tr>
<td align="left"><asp:Label ID="Label16" CssClass="NormalBold" runat="server"
Text="Title:"></asp:Label>
</td>
<td align="right">
<asp:DropDownList id="ddlTitle" runat="server" CssClass="Normal" Width="100%">
<asp:ListItem Value="0" Selected="True">Please select title...</asp:ListItem>
<asp:ListItem Value="1">Professor</asp:ListItem>
<asp:ListItem Value="2">Advocate</asp:ListItem>
<asp:ListItem Value="3">Doctor</asp:ListItem>
<asp:ListItem Value="4">Mr.</asp:ListItem>
<asp:ListItem Value="5">Ms.</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td align="left" valign="top"><asp:Label ID="Label17" CssClass="NormalBold" runat="server" Text="Label">Name:</asp:Label>
</td>
<td align="right">
<asp:TextBox ID="txtName" runat="server" CssClass="Normal" Width="100%"></asp:TextBox>
<asp:RequiredFieldValidator ID="vldPName" ControlToValidate="txtName" runat="server" ErrorMessage="Please enter name" Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="left" valign="top"><asp:Label ID="Label8" CssClass="NormalBold" runat="server" Text="Label">Surname:</asp:Label>
</td>
<td align="right">
<asp:TextBox ID="txtLastName" runat="server" CssClass="Normal" Width="100%"></asp:TextBox>
<asp:RequiredFieldValidator ID="vldPLastName" ControlToValidate="txtLastName" runat="server" ErrorMessage="Please enter lastname" Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="left" valign="top" width="50%">
<asp:Label ID="Label10" CssClass="NormalBold" runat="server" Text="Label">Cellphone Number:</asp:Label>
</td>
<td align="right">
<asp:TextBox ID="txtCellNumber" runat="server" CssClass="Normal" Width="100%"/>
<%--<asp:RequiredFieldValidator ID="vldPContNum" ControlToValidate="txtCellNumber" runat="server" ErrorMessage="Please enter your cellphone number" Display="Dynamic"></asp:RequiredFieldValidator>--%>
<asp:RegularExpressionValidator ID="vldPContNumRgx" runat="server" ControlToValidate="txtCellNumber" ErrorMessage="Please enter a valid cellphone number" Display="Dynamic" ValidationExpression="^((?:\+236|236)|0)(=2|3|4|7)(\d{7})$"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td align="left" valign="top" width="50%">
<asp:Label ID="Label45" CssClass="NormalBold" runat="server" Text="Label">Email Address:</asp:Label>
</td>
<td align="right">
<asp:TextBox ID="txtEmail" runat="server" CssClass="Normal" Width="100%"/>
<asp:RegularExpressionValidator ID="vldCustEmailvld" runat="server" ControlToValidate="txtEmail" ErrorMessage="Please enter valid email" Display="Dynamic" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
</td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
<hr />
</ContentTemplate>
</asp:UpdatePanel>
<asp:Button ID="hbtnCust" runat="server" Text="Button" style="display:none" OnClick="editBox_OK_Click" />
<asp:Button ID="editBox_OK" runat="server" Text="OK" OnClientClick="ok()"/>
<asp:Button ID="editBox_Cancel" runat="server" Text="Cancel" />
</div>
</div>
</td>
<td nowrap="noWrap" valign="top">
<asp:UpdatePanel runat="server" ID="DialogBoxUpdatePanel1" UpdateMode="Conditional">
<ContentTemplate>
<asp:Button runat="server" ID="btnEditText" Text="Add Customer Details" OnClientClick="openModalDiv('divCustDet')" CssClass="CommandButton" CausesValidation="False" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</ContentTemplate>
</div>
Codebehind page
protected void btnIncGridEdit_Click(object sender, EventArgs e)
{
UpdateCustView(FindCustomer(Int32.Parse(hdnCustomer.Value)));
ModalPanel1.Update();
Page.ClientScript.RegisterStartupScript(this.GetType(), "Javascript", "openModalDiv('divCustDet');", true);
}