Ajaxload

2006年04月19日

Ajax の読み込み画像が作成できます。僕は、ここで作ったアイコンを表示に時間のかかるウェブアプリケーションに使っています。動くものを見せておくと、ユーザーは意外と我慢するものです。

<div id="status" style="display:none"><img src="icon.gif"></div>

という HTML を準備しておいて、サブミットボタンを押したときに、以下を実行する。

document.getElementById("status").style.display = '';

と思ったら、ダメだった。
なぜか IE 6.0 では、アイコンのアニメーションが再現できない。コマが止まってしまう。

結局は、

<div id="status"></div>

という HTML を準備しておいて、

document.getElementById("status").innerHTML = '<img src="icon.gif">';

を実行するという方法に。でも、これでも上手くいかなかった。アイコンがブラウザキャッシュに無いと表示されないのだ。

さらに以下を加えて、

<img src="icon.gif" style="display:none">

こっそりキャッシュを作っておくことにしました。かなりイケてない。

Ajax を使って Qooqle みたいなイケてるサイトを作りたいんだけど、なかなかまとまった時間が取れないし、そもそも Ajax がよくわからね。手段であって目的ではないことは理解してるのだけど…。

【関連情報】
・Ajaxload - Ajax loading gif generator
　http://www.ajaxload.info/

2006年04月19日 18:39 | WebSite

このリストは、次のエントリーを参照しています: Ajaxload:

» AJAXのローディング中画像 from blog@slightlyblue
ajaxload ローディング中・・・の画像をつくれるサイト Ceekz Lo... [続きを読む]

トラックバック時刻: 2006年06月29日 21:58

トラバ打ってみたものの500timeoutしてしまったのでまたコメントで絡んでみます！

css使ってわりと綺麗にできましたよ。
http://slightlyblue.com/blog/2006/06/ajax.html

投稿者 slightlyblue : 2006年06月29日 22:02

>> slightlyblue さん
エントリ数が増えると MT の CGI が重くなるみたいですね。
僕も Google Maps を使ったアプリケーションに入れてみました。IE の変な仕様さえなければいい感じなんだけど…。

投稿者 ceekz : 2006年06月30日 14:35