ふたたび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のバグ？？
