[jQuery] Help with form success:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=us-ascii" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18702"></HEAD>
<BODY>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009>I am
submitting a form using the jQuery Form Plugin</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009>Once I
submit the form the response automaticaly loads in where the form was which is
ugly...the form is larger than the area being updated. What I would like to do
is after the form is submitted fade the form out and slide it back up to where
the page was originally. It just jumps right now and not clean looking at
all.</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009>This loads
the form in its div:</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009>$("a[class^='edit_']").click(function(){<BR> var
url_id = $(this).attr('href');<BR> var x =
$(this).attr('id').split('_');<BR> var y = x[0];<BR> var z =
x[1];<BR> //alert(y + 'and' + z);<BR> $("#"+z).fadeTo("slow",
0.01, function(){<BR> $("#loading_"+z).fadeIn("fast",
function() {
<BR> $("#"+z).slideUp("slow", function()
{<BR> $("#"+z).load( url_id ,
function(){<BR> $("#loading_"+z).hide(function(){<BR> $("#"+z).fadeTo("fast",
1, function()
{<BR> $("#"+z).fadeIn("slow");<BR> });
<BR> });
<BR> });<BR> return
false;<BR> });<BR> });<BR> });<BR> });</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009>I
have this forthe form</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009>$(this).ajaxSubmit({<BR> type:
'post',<BR> url:
'/'+user+'/update/'+skill+'/'+numRand
,<BR> data:
queryString,<BR>
target:
'#'+skill,<BR> success:
function() {$("#FUpdateForm").fadeTo("slow", 0.5, function()
{<BR> $("#"+skill).fadeIn("fast");<BR> });
}
<BR> <BR>
}); </SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009>But that
does nothing. Does anyonehave some advise how to set this
up?</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=145425819-03062009>Thanks,</SPAN></FONT></DIV>
<DIV> </DIV>
<DIV align=left><FONT size=2 face=Arial>Dave </FONT></DIV></BODY></HTML>