I have code that loads a .net form in a modal dialog box. It works
properly except in Internet Explorer. Nothing appears to show and I
end up waiting for a few minutes until I move the mouse and the form
appears. Sorry if this is all academic, but if anyone can tell me if
there is a fix or if it's a bug in IE or jQuery, I'd appreciate it.
My code is below. Thanks.
jQuery code:
jQuery(document).ready(function()
{
//base dialog object
var d = jQuery('#dialog').dialog({
modal: true,
dialogClass: "flora",
bgiframe: true,
autoOpen: false,
overlay: {opacity: 0.5, background: "black"}
});
//sets up dialog and loads subform
jQuery("a...@id*=form]").click(function()
{
var lNum = jQuery(this).attr("id");
lNum = lNum.substring(4, lNum.length);
d.text('Please wait');
d.data('width.dialog', 600);
d.data("height.dialog", 300);
d.bgiframe({top: '-1em'});
jQuery(d).dialog('open');
d.load(jQuery(this).attr("href") + " fo...@id*=order] fieldset",
{lineNumber: lNum}, setFormClick);
return false;
});
function setFormClick()
{
var serviceType = jQuery("fieldset", this).attr("id");
jQuery('#cancel', this).click(function()
{
jQuery(d).dialog('close');
});
jQuery("#update", this).click(function()
{
//form validation stuff
});
}
});
.aspx code:
<%@ Page Language="C#" AutoEventWireUp=true
CodeFile="Order_02b_Form_01.aspx.cs" Inherits="_Default" %>
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml11-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<link href="/custom/applications/appStyles.css" rel="stylesheet"
type="text/css" media="screen" />
</head>
<body>
<form id="order01" runat="server">
<fieldset id="01" class="generalFieldsetStyle"
style="width: auto">
<legend><asp:label ID="serviceDesc" runat="server" /></
legend>
<asp:hiddenfield id="lineNum" runat="server" />
<p>
<label for="t01_COUNTY"><span
class="importantText" >*</span>County: </label>
<asp:textbox ID="t01_COUNTY" runat="server"
MaxLength="30"/><span id="reqCounty" class="importantText"
style="visibility: hidden">Please enter the name of the county</
span><br/>
<label for="t01_STATE_PROVINCE">
<span class="importantText">*</
span>State:
</label>
<asp:dropdownlist id="t01_STATE_PROVINCE"
runat="server">
<asp:listitem value="" Text=""></
asp:listitem>
<asp:listitem value="NY" Text="NY"></
asp:listitem>
</asp:dropdownlist>
<span id="reqState" class="importantText"
style="visibility: hidden">Please select a state</span><br/>
<input id="cancel" name="cancel" type="button"
value="Back" />
<input id="update" name="update" type="submit"
value="Update" />
</p>
</fieldset>
</form>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
