easyui的页面等待提示层,即mask

/*

* 使用方法:

* 开启:MaskUtil.mask();

* 关闭:MaskUtil.unmask();

*

* MaskUtil.mask(‘其它提示文字...‘);

*/

var MaskUtil = (function(){

var $mask,$maskMsg;

var defMsg = ‘正在处理,请稍待。。。‘;

function init(){

if(!$mask){

$mask = $("<div class=\"datagrid-mask mymask\"></div>").appendTo("body");

}

if(!$maskMsg){

$maskMsg = $("<div class=\"datagrid-mask-msg mymask\">"+defMsg+"</div>")

.appendTo("body").css({‘font-size‘:‘12px‘});

}

$mask.css({width:"100%",height:$(document).height()});

var scrollTop = $(document.body).scrollTop();

$maskMsg.css({

left:( $(document.body).outerWidth(true) - 190 ) / 2

,top:( ($(window).height() - 45) / 2 ) + scrollTop

});

}

return {

mask:function(msg){

init();

$mask.show();

$maskMsg.html(msg||defMsg).show();

}

,unmask:function(){

$mask.hide();

$maskMsg.hide();

}

}

}());

时间: 2024-10-11 07:46:26

easyui的页面等待提示层,即mask的相关文章

HTML兼容性 不声明doctype,IE9标准模式下position:fixed定位失败,导致遮罩层(Mask Layer)显示在页面最下方,FF和Chrome正常

问题描述:ie9标准模式下,老系统中的页面很少有写doctype的,但是不写这个声明,浏览器对于文档的解析机制就不一样了,特别是对于table和样式中的width, height 为100%布局,以及高度自适应的实现方案有影响,不了解的可以自行百度先,那么不写的话,又想加1个遮罩层的效果,一般我们遮罩层是借助position绝对定位实现的,可以写fixed,也可以写absolute,设置为fixed的时候,文档没有doctype,就会导致遮罩层出现在文档最下方,而不是绝对定位的效果,切换为ie9

点击微信防封短链接强制使用浏览器打开页面的遮罩层最新实现方案!

相信在微信中做推广的朋友一定都遇到这种情况的.当你需要在微信中推广的时候会发现,自己的网页被微信屏蔽了,还有就是说APP的下载链接在微信中点击是无法下载的.必须要手动点击,右上角的三个点,然后选择在浏览器中打开,才可以顺利完成! 虽然说这个对于我们比较了解微信的朋友来说是很简单,很轻松的!但是使用微信的百分之九十都是小白,他们是不知道有这部操作的. 今天要加的是一个终极解决方法:强制使用浏览器打开页面的遮罩层. 再也不用管微信如何的更新,直接判断微信的UA,然后弹出一个遮罩提示用户在浏览器中打开

js页面滚动时层智能浮动定位实现:

案例展示: 第一个:每个人都有看过的淘宝页面: 案例就不多说了,有兴趣的可以多去找找, 这样的智能浮动效果还是不错的,挺方便. 基本的实现原理: 首先有一个默认状态就是没有滚动的时候,什么事情也不用做,定位可以是absolute,也可以是stati,fixed,relartive 这些都可以.我们主要需要关注的是当浏览器滚动的时候,(要浮动的块)要移除浏览器界面视区的时候,修改其position属性,让其浮动在窗口的上沿显示就可以了.最好的position属性就是fixed了,可以在IE6+和其

IIS:打开任意 .aspx 页面,提示 404 错误

环境:win2003 sp2 x64 + iis 6.0 + asp.net 2.0 问题描述 IIS 打开任意 .aspx 页面,提示 404 错误 无法找到该页 问题解决 IIS 的 "Web 服务扩展",找到"ASP.NET v2.0.50727"项,设置为"允许". 如果找不到"ASP.NET v2.0.50727"项,可能是: 1.未安装 .NET Framework 2.0,请先安装: 2..net2.0已经安装,

jquery实现弹出即消失的提示层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(docum

struts下ajax提交与页面进行提示 返回值为null

@Override    public String execute() throws Exception {        if ("none".equals(task)) {            HttpServletResponse response = ServletActionContext.getResponse();            response.setContentType("text/html;charset=GBK"); PrintW

重新定位所有消息提示层

// 重新定位所有消息提示层(当使用dipslay显示隐藏某些HTML层时,由于消息是绝对定位的,所以会出现消息层错位现象) //在最后调用此方法重新定位即可 function resetPos(){  var objs = document.getElementsByTagName('*');  var len = objs.length;  for(var i=0;i<len;i++){   var obj = objs[i];   var div = obj.Eos_Message;   

Jqurey实现类似EasyUI的页面布局

截图如下:(可通过移动中间蓝色的条,来改变左右两边div的宽度) 具体实现代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default10.aspx.cs" Inherits="Default10" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//