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>
