Don't know if this is your problem, but this line looks odd
d.bgiframe({top: '-1em'});
The dialog plugin will do the bgiframe bits itself, since you have (I
assume) included jquery.bgiframe.js and I see you've set the dialog option
bgiframe to true.
- Richard
On Mon, Dec 15, 2008 at 10:29 AM, mike3275 <[email protected]> wrote:
>
> 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
-~----------~----~----~----~------~----~------~--~---