/** * 画面ロック(標準) * cursor=waitだとChromeでぐるぐる状態のままになるが対策不明の為、defaultに変更 */ function BlockUI() { $.blockUI({ draggable: false, theme: false, fadeIn: 100, fadeOut: 100, message: '', css: { width: '92px', left: '45%', top: '35%', border: 'none', padding: '15px', backgroundColor: '#000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: 0.5, color: '#fff' }, overlayCSS: { backgroundColor: '#000', opacity: 0.0, // ちらつくので調整してみる [0.3] -> [0.0] cursor: 'default' }, }); } /** * 画面ロック(完全透明) * cursor=waitだとChromeでぐるぐる状態のままになるが対策不明の為、defaultに変更 */ function BlockUI_transparent() { $.blockUI({ theme: false, message: '', css: { border: 'none', backgroundColor: '#000', opacity: .0, }, overlayCSS: { backgroundColor: '#000', opacity: 0.0, cursor: 'default' }, }); } /** * 画面ロック(小) * cursor=waitだとChromeでぐるぐる状態のままになるが対策不明の為、defaultに変更 */ function BlockUI_small() { $.blockUI({ theme: false, fadeIn: 50, fadeOut: 50, message: '', css: { width: '4%', left: '92%', top: '2%', border: 'none', padding: '15px', backgroundColor: '#000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: .3, color: '#fff' }, overlayCSS: { backgroundColor: '#000', opacity: 0.0, cursor: 'default' }, }); } /** * 画面ロック解除 */ function UnblockUI() { $.unblockUI(); }