Hi there,
thanks for your reply,
It can work for the link to be shown, however the gif is still fading in and
out with the link being show
Here's my code.
$(window).load(function(){
$("#myloadingbar").hide();
});
function confirmLoading()
{
$("#mylink").click( function() {
setTimeout("blub()",7000);
$("#mylink").hide();
$("#myloadingbar").show("fast", function ()
{
var refreshId = setInterval(function()
{
$("#myloadingbar").fadeOut("normal", function ()
{
$("#myloadingbar").fadeIn("normal");
});
}, 1000);
});
});
}
function blub()
{
$("#mylink").show();
$("#myloadingbar").hide();
}
Is there anything i miss out....? however when i do a remove...the result is
the one i expected.
however when i click on the link again....the loading pics won't show.
PLs help
Thanks
weidc wrote:
>
>
> 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.
>
>
--
View this message in context:
http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23520407s27240p23526517.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
