AIRE-PROJECT BLOG

ふたたびIE6の不具合報告です。

AjaxやDHTMLを使って非同期でページの表示を変更したりする場合、ローディング画像を表示したくなります。
ローディングにさほど時間がかからないとしても、ユーザーにどこの表示が変更されたのかを明示的に示すために、わざわざタイマーを使ってローディング画像を長めに表示させたりとかもします。

そのローディング画像によく使われるのが「GIFアニメーション」。

これの表示/非表示制御にJavaScriptを使ったところ、なぜかIE6で表示させた時点でGIFアニメが停止してしまうという問題が起こりました。

問題のソース(部分)はこちら。
グラフが表示されている画像のソースを、ローディング画像に差し替えているだけです。

function disploader() {
    $("chartImg").src="/img/loader.gif";
}

関数の呼び出し側はこんな感じ。

<img src="buttonImg" onclick="disploader()" />

IE7、Firefoxでは問題なく動きます。
解決法はというと呼び出し側にちょっと手を加えます。

<img src="buttonImg" onclick="disploader(); return false;" />

これでちゃんと動くようになりました。
むー、やっぱりこれもIE6のバグ？？