面倒くさがりのためのスニペット。とりあえずAJAX使っているところ全部で画面をロックしたいときに有用かもしれん。ajaxのformを多用していると特に。 html(bodyの最後辺りに挿入しておく) <div id="lock"><img src="/media/image/ajax-loader.gif" /></div> css #lock { z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; //お好みの色で text-align: center; display: none; opacity: 0.7; //これもお好みの透過率で } JavaScript $(function(){ function lockWindow(){ v
![jQueryを用いたAJAX通信中に画面をロックする](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png)