[jQuery] AJAX-filled div broken after 1.04 -> 1.1 update
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hi everyone. After wrestling with this one for awhile I've come to the conclusion that I need your help. For your reference, here are two pages. They differ only in which version of jQuery they use. The first uses 1.1, the second uses 1.04.<DIV><BR class="khtml-block-placeholder"></DIV><DIV><A href="http://furzle.com/user_functions/register">
http://furzle.com/user_functions/register</A></DIV><DIV><A href="http://furzle.com/jquery104.html">
http://furzle.com/jquery104.html</A></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Don't bother filling in the form; just hit submit. If your browsers behave like mine, you'll notice version 1.04 updates a div upon submission, while 1.1 just sits there.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>The code in question is this:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><script type="text/javascript"></DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN> $(document).ready(function() {</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>/// Looks for submit form link</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>$('#submit_form').click(function() {</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>$("div#create_user_status").load("<A href="http://furzle.com/elements/php/dynamic_forms.php">
http://furzle.com/elements/php/dynamic_forms.php</A>",{first_name:$('#first_name').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>last_name:$('#last_name').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>email_address:$('#email_address').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>gender:$('#gender').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>birthday_mon:$('#birthday_mon').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>birthday_day:$('#birthday_day').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>birthday_yr:$('#birthday_yr').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>username:$('#username').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>password_one:$('#password_one').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>password_two:$('#password_two').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>zip:$('#zip').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>fields_list:$('#fields_list').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>handler:$('#handler').val()</DIV><DIV> <SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN> });</DIV><DIV> </DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>});</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>/// Looks for form submission</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>$('#new_user_form').submit(function() {</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>$("div#create_user_status").load("<A href="http://furzle.com/elements/php/dynamic_forms.php">
http://furzle.com/elements/php/dynamic_forms.php</A>",{first_name:$('#first_name').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>last_name:$('#last_name').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>email_address:$('#email_address').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>gender:$('#gender').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>birthday_mon:$('#birthday_mon').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>birthday_day:$('#birthday_day').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>birthday_yr:$('#birthday_yr').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>username:$('#username').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>password_one:$('#password_one').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>password_two:$('#password_two').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>zip:$('#zip').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>fields_list:$('#fields_list').val(),</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>handler:$('#handler').val()</DIV><DIV> <SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN> });</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>});</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>});</DIV><DIV> </script></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>What I'm doing is gathering the values from the form and sending it to dynamic_forms.php. Whatever dynamic_forms.php returns gets assigned to div#create_user_status. I'm drawing inspiration from this code:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>$("div#dhtml").load("html.cgi",{name:"John"});</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Taken from this page:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><A href="http://jquery.com/demo/ajax/">
http://jquery.com/demo/ajax/</A></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><BR class="khtml-block-placeholder"></DIV><DIV>Despite my best efforts, I can't get any of the code above to work in 1.1 (even the very simple name:"John" example). I must be doing something wrong. Any suggestions? Thanks in advance.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>BT<DIV><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><P style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><BR></P><P style="margin: 0.0px 0.0px 0.0px 0.0px"><FONT face="Helvetica" size="3" style="font: 12.0px Helvetica">---------------------------------------------</FONT></P><P style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><BR></P><DIV>Brian Tobin</DIV><DIV>e-mail: <A href="mailto:brian@tobinhosting.com">
brian@tobinhosting.com</A></DIV><DIV>cell: 805-698-6365</DIV><BR class="Apple-interchange-newline"><DIV><BR class="khtml-block-placeholder"></DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN> </DIV><BR></DIV></DIV></BODY></HTML>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/