Webクリエイティブ集団、アイレット株式会社の代表取締役が綴る
Web制作・開発の気になる最新技術レビュー。  RSS Feeds
スカウター : [iret-ceo] アイレット株式会社CEOブログ

2009年3月30日月曜日

javascript ローディング

既存のサイトにローディングをいれるなどに使うのに便利

buttonのsubmitと同時にonClickイベントで下記のモジュールを呼び出すのみ

onClick="bval = getBusyOverlay('viewport',{color:'black',opacity:0.25});"

HTMLの頭にこれを入れておくだけ。
画面終了時 unloadイベントが呼ばれるのでその際このモジュールを削除する

<script type='text/javascript' src='/scripts/common/cvi_busy_lib.js
'></script>
<script language="JavaScript" type="text/javascript">
window.onunload = function () {
bval.remove();
}
</script>


http://www.netzgesta.de/busy/