[jQuery] Load question
[jQuery] Load question
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6001.18226" name=GENERATOR></HEAD>
<BODY>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=709293401-23052009>I am new to
jQuery and have a newbie question.</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=709293401-23052009>I have a
link click load into div. Thats all good. But how do I add effects? I read the
jQuery docs and there are success: complete: error: but looking thru example
online I have not seen this any where.</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=709293401-23052009>Basicaly I
want that click on the link it fades out showing the loading animation, the load
my url function runs and when complete/error hides the animation and display
success or error message.</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=709293401-23052009>I started
paying around with this</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009> $('a.save_me').click(function(){<BR>
$('#loading').show();<BR>
$('a.save_me').fadeOut('slow').load(<BR> $(this).attr('href'),
<BR> function()
{<BR> $('#loading').hide();</SPAN></FONT></DIV>
<DIV> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009> });<BR> });</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=709293401-23052009>but still
not working.</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=709293401-23052009>Can someone
point me in the right direction?</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009>Thanks</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=709293401-23052009></SPAN></FONT> </DIV>
<DIV> </DIV>
<DIV align=left><FONT face=Arial size=2>Dave </FONT></DIV></BODY></HTML>