JavaScript？でローディングイメージの表示

質問

以下のサイトのように
http://www.sekaimon.com/
キーワードを入れて検索すると、結果が表示されるまで「Now Loading」的なイメージが表示されるのですが、これはどのように行っているのでしょうか？
恐らくJavaScriptかAJAXだと思うのですが、検索してもなかなか見つかりません。
どなたかご存知の方がいたら参考サイトなどお願いいたします。

回答No.2

oka5130

ざっくり説明しますと、「Now Loading」的なdiv要素をあらかじめ作っておき、
スタイルに position: absolute; と display: hidden; を指定しておきます。

そして、ボタンクリック時やフォームが submit された時に display を block にすればOKです。
この際、div要素を画面中央に配置（left と top を指定）するなどの処理が必要になります。
中央は、document.body.clientWidth や div要素の width、document.body.scrollLeftなどを使って計算します。

お礼

具体的な説明ありがとうございます。
ちょっと難しそうですが試しにやってみます。

回答No.1

SAYKA

ajaxって　投げた要求の結果が返ってきたら反応するように書いてあるんだけど
投げた後にローディング表示して結果が返ってきたら書き換えてるだけじゃない？

補足

その一連の動きがどうなっているのか分からなかったので、参考になるサイトなどを探していました。
最近ちょくちょく見かける機能ではあったので、何かしらのサンプルはあると思うのですが、なにしろこの機能のネーミングが分からないので、　「JavaScpirt　ローディング」などで検索していました。
何かもっとヒットしそうなキーワードってありますでしょうか？