Windows 10 reached EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Ďalšie informácie

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

Animated gif freeze when window.location.href is set

  • 1 odpoveď
  • 5 má tento problém
  • 38 zobrazení
  • Posledná odpoveď od hugogirard28

hugogirard28
hugogirard28
ďalšie možnosti

Hi,

In my login page when the user click the login button he's redirected to another page with javascript using window.location.href.

When the user press the login button a animated gif appear so he knows something is loading but when I change the window.location.href the animated gif stop working.

I found a workaround in IE doing this : 

               var loadingFigure = $('#loadingImage');
               var html = loadingFigure.html();            
               window.location.href = returndata.message;
               loadingFigure.html(html);

But is not working in firefox and I have a lot of users that use firefox so I need the busy indicator to continues working.

Anyone have a workaround.

Here my HTML for the gif 

                <figure id='loadingImage' class="animationCreateAccount">                    
                    @Resource.TooltipLoading
                </figure>
Hi, In my login page when the user click the login button he's redirected to another page with javascript using window.location.href. When the user press the login button a animated gif appear so he knows something is loading but when I change the window.location.href the animated gif stop working. I found a workaround in IE doing this : var loadingFigure = $('#loadingImage'); var html = loadingFigure.html(); window.location.href = returndata.message; loadingFigure.html(html); But is not working in firefox and I have a lot of users that use firefox so I need the busy indicator to continues working. Anyone have a workaround. Here my HTML for the gif <figure id='loadingImage' class="animationCreateAccount"> <img id='loadingIndicator' src="/images/loading.gif" alt="@Resource.TooltipLoading" title="@Resource.TooltipLoading"/> </figure>

Vybrané riešenie

I finally found I work around, I added an iframe, is not the best approach I'm agree but sometimes you need to do some workaround.

Here how I did it. 

<iframe id="myIframe" src="/images/busy.gif" title="@Resource.TooltipLoading" scrolling="no" frameborder="0"></iframe>

And the js 

 $('#myIframe').attr('src', '/images/busy.gif');
 window.location.href = 'mylocation'       
 $('#myIframe').attr('src', '/images/busy.gif');
Čítať túto odpoveď v kontexte 👍 0

Všetky odpovede (1)

hugogirard28
hugogirard28 Autor otázky
ďalšie možnosti

Vybrané riešenie

I finally found I work around, I added an iframe, is not the best approach I'm agree but sometimes you need to do some workaround.

Here how I did it. 

<iframe id="myIframe" src="/images/busy.gif" title="@Resource.TooltipLoading" scrolling="no" frameborder="0"></iframe>

And the js 

 $('#myIframe').attr('src', '/images/busy.gif');
 window.location.href = 'mylocation'       
 $('#myIframe').attr('src', '/images/busy.gif');

Upravil(a) cor-el dňa