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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.blockUI.js"></script> <script type="text/javascript"> $(function () { $("#insertForm :submit").click( function() { $.blockUI.defaults.elementMessage = "Please Wait..."; $.extend( $.blockUI.defaults.elementMessageCSS, { color: '#00a', backgroundColor: '#fff', border: '2px solid #2f4f4f' } ); $("#insertForm").block(); return true; } ); } ); </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Insert Record</title> </head> <body> <h1>blockUI Test Page</h1> <?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> Sorry for just pasting the code here but I'm unable to host a live page at the moment. If that's necessary I can do that after I get home from work. Hope this helps. Thanks On Apr 23, 11:01 am, Stuart Batty <[EMAIL PROTECTED]> wrote: > The form is not submitted by ajax. It is a http post. I'll simplify the form > down to something manageable and post. > > > > malsup wrote: > > > Stuart, > > > Is the form submitted via normal browser invocation or via ajax? > > Also, it would be immensely helpful if you could put together a simple > > html page (ignore the server component) that demonstrates the problem. > > > Mike > > > On 4/23/07, Stuart Batty <[EMAIL PROTECTED]> wrote: > > >> Mike, I don't immediately see any way to post a sample page since the > >> application is a intranet java webapp running on Tomcat using MyFaces. I > >> could possibly post the compiled output from the .jsp but I fear that may > >> mask the original problem. I could probably work around the odd modal > >> alignment issue in IE 6 if I could get the form to submit. Here's the > >> function I'm using to bind blockUI to the onclick event: > >> [code] > >> $("#myForm :submit").click( function() { > >> $.blockUI.defaults.elementMessage = "Please Wait..."; > >> $.extend( > >> $.blockUI.defaults.elementMessageCSS, { > >> color: '#00a', > >> backgroundColor: '#fff', > >> border: '2px solid #2f4f4f' > >> } > >> ); > >> $("#myForm").block(); > >> return true; > >> } ); > >> [/code] > >> There are two submit buttons on the form; Save and Submit, that I want to > >> apply the block to onclick. On form submit the appropriate java method is > >> executed and the form is re-displayed with a message confirming the > >> action. > >> One other thing I've noticed is that when one clicks a submit button in > >> IE > >> it seems to take several seconds for the iframe to appear where in FF it > >> is > >> instantaneous. If you can think of any test methods I can employ please > >> let > >> me know. Your plugin does exactly what I need to do but I must support > >> IE. > > >> malsup wrote: > > >> > Stuart, > > >> > Can you post a sample page? > > >> > Mike > > >> -- > >> View this message in context: > >>http://www.nabble.com/blockUI-plugin-blocking-form-submit-on-IE-6---7... > >> Sent from the JQuery mailing list archive at Nabble.com. > > -- > View this message in > context:http://www.nabble.com/blockUI-plugin-blocking-form-submit-on-IE-6---7... > Sent from the JQuery mailing list archive at Nabble.com.
