It would seem that none of my attempts to fix the IE6 overlay position bug work. As IE6 is the current Agency standard around here (lord have mercy on us all) I have to code for it. If I can't find a work-around this might end up being a deal-breaker. I've read every post/thread that I can find on the subject but no joy. Has anyone got an idea?
On Apr 24, 9:10 am, Stuart <[EMAIL PROTECTED]> wrote: > Yes, It works! Mostly. I'm still having problems with the overlay > position in IE 6. I'm guessing that might be the result of some of my > CSS stomping on the positioning used by blockUI. If you have any ideas > where to look for this I'd appreciate it. As for the main issue, I'm > not sure I fully understand the setTimeout() bit. Am I correct in > assuming that it is used to allow the plugin to complete the DOM > manipulation before the submit event fires? Does the plugin remove the > blocked element from the DOM when it is blocked or at least sometime > during the blocking process? The code would seem, at least to me, to > suggest this is possible. If that's the case I can see why the submit > action might fail. That doesn't explain why it works in FF however. At > any rate, it is fully working in IE 7 and at least functionally > working in IE 6. > > I thank you for providing support for your wonderful plugin. I'll be > using this one a lot. Probably even for things it wasn't intended :-) > If you would be so kind as to providing a quick run-down on how the > iframe is positioned in your code, I can most likely come up with a > fix for my IE positioning problem. > > Again, Thanks much Mike. > > On Apr 23, 3:40 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote: > > > > OK, after lunch I knocked together a quick and very dirty php page > > > that contains a form that submits back to itself. In my testing, this > > > form displays the much of the same behavior that I described > > > originally. Works fine in FF. Form doesn't submit in IE 6 or 7. This > > > example, however, does not present the iframe alignment problem I > > > encountered with my original form. I can deal with that I think. It > > > must be some sort of CSS collision. Here's the form: > > > Thanks for the sample page, Stuart. I reworked your code a bit before > > I started debugging and once I did it started working fine. I think > > it's important to use setTimeout so that the browser has some time to > > render the updated DOM before lauching into its submit operation. I > > don't know why the submit wasn't working in ie previously, but it is > > now. Give this a shot: > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" > > "http://www.w3.org/TR/html4/strict.dtd";> > > <html> > > <head> > > <script type="text/javascript" src="../rel/jquery-1.1.2.js"></script> > > <script type="text/javascript" > > src="../malsup/block/jquery.block.js"></script> > > <script type="text/javascript"> > > $.blockUI.defaults.elementMessage = "Please Wait..."; > > $.extend($.blockUI.defaults.elementMessageCSS, { > > color: '#00a', > > backgroundColor: '#fff', > > border: '2px solid #2f4f4f' > > > }); > > > $(function () { > > $("#insertForm").submit(function() { > > $(this).block(); > > setTimeout(test, 100); > > return false; > > }); > > > }); > > > function test() { > > $("#insertForm")[0].submit(); > > > } > > > </script> > > <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"> > > <title>Insert Record</title> > > </head> > > <body> > > <?php if (isset($_POST["insert"])) { ?> > > <p>First Name: <?php echo $_POST[firstName] ?></p> > > <p>Last Name: <?php echo $_POST[lastName] ?></p> > > <p>Age: <?php echo $_POST[age] ?></p> > > <?php } else { ?> > > <form method="post" name="insertForm" id="insertForm" action="<?php > > $_SERVER['PHP_SELF']; ?>"> > > <table class="non-coal"> > > <tr> > > <th>First Name</th> > > <th>Last Name</th> > > <th>Age</th> > > </tr> > > <tr> > > <td><input type="text" name="firstName" value=""></td> > > <td><input type="text" name="lastName" value=""></td> > > <td><input type="text" name="age" value=""></td> > > </tr> > > <tr> > > <th colspan="3"> > > <input type="submit" value="Insert record"> > > </th> > > </tr> > > </table> > > <input type="hidden" name="insert" value="insertForm"> > > </form> > > <?php } ?> > > </body> > > </html>
