Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.

Animated gif freeze when window.location.href is set

  • 1 svar
  • 5 har detta problem
  • 17 visningar
  • Senaste svar av hugogirard28

hugogirard28
hugogirard28
more options

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>

Vald lösning

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');
Läs svaret i sitt sammanhang 👍 0

Alla svar (1)

hugogirard28
hugogirard28 Frågans ägare
more options

Vald lösning

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');

Ändrad av cor-el