ページ読み込み完了まで、loading画面を表示

0   名前： ひで ： 2007/07/30（月） 00:51  ID:1BeyOvcr sub-Ds
ページを移動する際に、
ページが読みこまれるまで、Loading表示をしたいのですが、

Loading画面(テキスト、画像など)が表示されてから、ページが表示されるのではなく、
lightbox(http://www.huddletogether.com/projects/lightbox2/)のように、

読み込み中→半透明のレイヤー上に、Loading用の画像を表示
読み込み完了→レイヤーが消えて、ページが表示

という事をしたいのです。

http://youmos.com/news/protoload_js
の、「ロードインジケータ表示を簡単に実装するJavaScript （protoload.js）」という記事が、まさに今回やりたいことに近いのですが、

利用方法に、
「getElementById等で取得したオブジェクトなどに適用することが出来る。」
とあるのですが、具体的な実装方法がちょっと分からないもので、ご教示願えますでしょうか。
1   名前： 匿名 ： 2007/07/30（月） 00:51  ID:gWDGQ3J. sub-Cz
startWaiting()、stopWaiting()のFunctionはObject.protorypeとして追加されるため、getElementById等で取得したオブジェクトなどに適用することが出来る。

getElementById 等で取得した DOM ノード（に限らずあらゆるオブジェクト！）に、startWaiting()、stopWaiting() というメソッドが追加されているということ。使い方はズバリ書いてあるです。

# てか、こういうやり方はマジで止めてもらいたいんだがな。Function#call を使うか、それが嫌ならせめてメソッド名に接頭辞でも付けて名前空間を分離しておけと。
# まあ、こっちが慎重にやりゃ良いだけか。やれやれだ。
一覧へ戻る