Hi all,
I'm Albert, 1st time posting a problem here for you experts out there to assist me on. Plsssss....thanks in advance. OK let me describe you the problem.. 1) I have a html link (struts) with ID="mylink" and with value="Click on me" to download some files. 2) I have also a pics, loading bar.gif(The words, "Loading content.." comes with it), and again ID="myloadingbar". http://www.nabble.com/file/p23520407/Click.jpg What i want to do when i click on the link is(irregardless whether the download is successful or not): 1) link will disappear. 2) Loading.gif will appear and fade in and out with an interval of 2 sec. 3) After 7 seconds when the user had click on the link, loading.gif will disppear and the link will reappear again. Nothing much will happen thereafter unless user click on the link, which will bring us back to step 1. Here is what i have done so far. Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it. Here's my code: $(window).load(function(){ $("#myloadingbar").hide(); }); function confirmLoading() { $("#mylink").click( function() { $("#mylink").hide(); $("#myloadingbar").show("fast", function () { var refreshId = setInterval(function() { $("#myloadingbar").fadeOut("normal", function () { $(this).load('response.php').fadeIn("normal"); }); }, 1000); }); }); } My Jsp: http://download.mozilla.org/?product=firefox-3.0.10&os=win&lang=af Click on me </p> Hope that some of you will read this mail and pls help to reply asap. Thanks a lot guys. Sorry for any inconvience caused, Albert -- View this message in context: http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23520407s27240p23520407.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
