We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Шукати в статтях підтримки

Остерігайтеся нападів зловмисників. Mozilla ніколи не просить вас зателефонувати, надіслати номер телефону у повідомленні або поділитися з кимось особистими даними. Будь ласка, повідомте про підозрілі дії за допомогою меню “Повідомити про зловживання”

Докладніше

Ця тема перенесена в архів. Якщо вам потрібна допомога, запитайте.

Animated gif freeze when window.location.href is set

  • 1 відповідь
  • 5 мають цю проблему
  • 1 перегляд
  • Остання відповідь від 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>

Обране рішення

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');
Читати цю відповідь у контексті 👍 0

Усі відповіді (1)

more options

Вибране рішення

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

Змінено cor-el