Arley.Marciel.Net

System.Object
MCSD

Localização dos visitantes do Blog

Últimos posts

Tags

Categorias

Navegação

Páginas

Arquivo

Blogroll

Disclaimer

As opiniões aqui expressas são pessoais e não representam qualquer empresa ou entidade.

The opinions expressed herein are personal and do not represent any company or entity.

GIF animado no IE.

Com AJAX usamos bastante o recurso de mostrar um gif animado para indicar o processamento após o POST da página. Um pequeno problema ocorre no internet explorer quando temos algum elemento que contenha um gif animado (<img id="imgProcessando" src="imagens/processando.gif">) e visibilidade definida como hidden. Ao mudar o visibilidade do elemento o gif aparece normalmente, mas, perde animação.
Para contornar esse pequeno contratempo devemos fornecer dinamicamente o endereço da imagem:

function ExibirPainelProcessamento()
{
    document.getElementById('<%=divProcessando.ClientID %>').style.display='inline';
    Img = document.getElementById('imgProcessando');
    Img.style.display="inline";
    Img.src = "imagens/processando.gif?id=" + Math.random();
    window.scrollTo(0,0);
    return true;
}

Notem que a propriedade src do objeto <img> e definida dinamicamente, além disso uso o velho truque de passar um número randômico como query string no endereço para evitar que na segunda exibição a imagem volte a perder animação.

Colaboração:
Paolo Lautenschlager Stanziola
Referência:
http://www.west-wind.com/WebLog/posts/1227.aspx

Posted: Apr 18 2008, 16:18 by Arley Marciel | Comentários (1) RSS comment feed |
  • Currently 3/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Filed under: Ajax | ASP.NET | JavaScript

Posts relacionados

Comentários

Gustavo br said:

Estava enfrentando o mesmo problema mas bastou enviar uma variavel randomica para resolver, não necessitou de javascript.

src="imagem.gif?Rnd="+Math.random()

Abraços

# August 02 2008, 16:23

Comentar


 

  Country flag

[b][/b] - [i][/i] - [u][/u]- [quote][/quote]



Pré-visualização

said:

# July 04 2009, 12:48