setTimeout("blub()",7000); function blub() { $("#mylink").show(); $("#myloadingbar").hide(); }
On 13 Mai, 14:19, Albert Y <ywaihon...@yahoo.com.sg> wrote: > 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&la... > 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-tp23... > Sent from the jQuery General Discussion mailing list archive at Nabble.com.