2007 08.1
No Comment
(1 votes, average: 5.00 out of 5)
Loading ...最近は何かとJavaScriptが注目を浴びているようですが、いろいろなライブラリがどんどん生み出されていて知るだけでも一苦労だったりします。
そんなAjaxやJavaScriptのライブラリをまとめてくれているサイトがあるようです。
Ajax Rain – http://www.ajaxrain.com/
この記事を書いている時点で既に４００以上ものライブラリなどがあるので驚きです。
Webで一昔前までは想像もつかなかったような事が、Ajaxなどを使う事で表現できるようになったのでこういったサイトで様々なライブラリを見つけて自分のWebアプリに組み込んでみるのも良いですね。
2007 08.1
4件のコメント
(5 votes, average: 4.00 out of 5) Loading ...何かの処理中や読み込みを行っている時は、視覚的に分かるような効果を表示してあげると、分かりやすかったりするものです。Firefoxなどのブラウザもページを読み込んでる時は丸いのがグルグル回るアニメーションが出るので、「今読み込んでいる」と言う事が伝わりやすいです。
そんな視覚効果を手軽に実装する事が出来るJavaScriptのライブラリが、「Protoload」です。詳細は下記サイトへ。
http://aka-fotos.de/protoload/
使用するにはprototype.jsが別途必要のようです。使い方はこんな感じ。
$(document.body).startWaiting('bigWaiting');
window.setTimeout(document.body.stopWaiting.bind(document.body), 3000);
protoload.jsとprototype.jsを読み込んで、protoload.cssも読み込んでおきます。上記のコードだとBODYタグに対してLoadingアニメーションが適用されますが、CSSで定義したボックスの中だけにLoadingアニメーションを適用するには
[JavaScript]
var E = $(‘box1′);
E.startWaiting(‘bigBlackWaiting’);
window.setTimeout(E.stopWaiting.bind(E), 3000);
[/JavaScript]
こんな感じで指定してあげるとボックス内だけにLoadingアニメーションが適用されるようです。
簡単に実装できるのでとても便利です。詳しい使い方は本家サイトを参考にしてみて下さい。
