ZENG.msgbox

CSS样式: 

.zeng_msgbox_layer,.zeng_msgbox_layer .gtl_ico_succ,.zeng_msgbox_layer .gtl_ico_fail,.zeng_msgbox_layer .gtl_ico_hits,.zeng_msgbox_layer .gtl_ico_clear,.zeng_msgbox_layer .gtl_end{display:inline-block;height:54px;line-height:54px;font-weight:bold;font-size:14px;color:#606060;background-image:url("gb_tip_layer.png");_background-image:url("gb_tip_layer_ie6.png");background-repeat:no-repeat;}.zeng_msgbox_layer_wrap{width:100%;position:fixed;_position:absolute;top:46%;left:0;text-align:center;z-index:65533;}.zeng_msgbox_layer{background-position:0 -161px;background-repeat:repeat-x;padding:0 18px 0 9px;margin:0 auto;position:relative;}.zeng_msgbox_layer .gtl_ico_succ{background-position:-6px 0;left:-45px;top:0;width:45px;position:absolute;}.zeng_msgbox_layer .gtl_end{background-position:0 0;position:absolute;right:-6px;top:0;width:6px;}.zeng_msgbox_layer .gtl_ico_fail{background-position:-6px -108px;position:absolute;left:-45px;top:0;width:45px;}.zeng_msgbox_layer .gtl_ico_hits{background-position:-6px -54px;position:absolute;left:-45px;top:0;width:45px;}.zeng_msgbox_layer .gtl_ico_clear{background-position:-6px 0;left:-5px;width:5px;position:absolute;top:0;}.zeng_msgbox_layer img{float:left;margin:19px 10px 0 5px ;}

JAVASCRIPT: 

window.ZENG=window.ZENG || {};

ZENG.dom = {getById: function(id) {        return document.getElementById(id);
    },get: function(e) {        return (typeof (e) == "string") ? document.getElementById(e) : e;
    },createElementIn: function(tagName, elem, insertFirst, attrs) {        var _e = (elem = ZENG.dom.get(elem) || document.body).ownerDocument.createElement(tagName || "div"), k;        if (typeof (attrs) == ‘object‘) {            for (k in attrs) {                if (k == "class") {
                    _e.className = attrs[k];
                } else if (k == "style") {
                    _e.style.cssText = attrs[k];
                } else {
                    _e[k] = attrs[k];
                }
            }
        }
        insertFirst ? elem.insertBefore(_e, elem.firstChild) : elem.appendChild(_e);        return _e;
    },getStyle: function(el, property) {
        el = ZENG.dom.get(el);        if (!el || el.nodeType == 9) {            return null;
        }        var w3cMode = document.defaultView && document.defaultView.getComputedStyle, computed = !w3cMode ? null : document.defaultView.getComputedStyle(el, ‘‘), value = "";        switch (property) {            case "float":
                property = w3cMode ? "cssFloat" : "styleFloat";                break;            case "opacity":                if (!w3cMode) {                    var val = 100;                    try {
                        val = el.filters[‘DXImageTransform.Microsoft.Alpha‘].opacity;
                    } catch (e) {                        try {
                            val = el.filters(‘alpha‘).opacity;
                        } catch (e) {
                        }
                    }                    return val / 100;
                } else {                    return parseFloat((computed || el.style)[property]);
                }                break;            case "backgroundPositionX":                if (w3cMode) {
                    property = "backgroundPosition";                    return ((computed || el.style)[property]).split(" ")[0];
                }                break;            case "backgroundPositionY":                if (w3cMode) {
                    property = "backgroundPosition";                    return ((computed || el.style)[property]).split(" ")[1];
                }                break;
        }        if (w3cMode) {            return (computed || el.style)[property];
        } else {            return (el.currentStyle[property] || el.style[property]);
        }
    },setStyle: function(el, properties, value) {        if (!(el = ZENG.dom.get(el)) || el.nodeType != 1) {            return false;
        }        var tmp, bRtn = true, w3cMode = (tmp = document.defaultView) && tmp.getComputedStyle, rexclude = /z-?index|font-?weight|opacity|zoom|line-?height/i;        if (typeof (properties) == ‘string‘) {
            tmp = properties;
            properties = {};
            properties[tmp] = value;
        }        for (var prop in properties) {
            value = properties[prop];            if (prop == ‘float‘) {
                prop = w3cMode ? "cssFloat" : "styleFloat";
            } else if (prop == ‘opacity‘) {                if (!w3cMode) {
                    prop = ‘filter‘;
                    value = value >= 1 ? ‘‘ : (‘alpha(opacity=‘ + Math.round(value * 100) + ‘)‘);
                }
            } else if (prop == ‘backgroundPositionX‘ || prop == ‘backgroundPositionY‘) {
                tmp = prop.slice(-1) == ‘X‘ ? ‘Y‘ : ‘X‘;                if (w3cMode) {                    var v = ZENG.dom.getStyle(el, "backgroundPosition" + tmp);
                    prop = ‘backgroundPosition‘;                    typeof (value) == ‘number‘ && (value = value + ‘px‘);
                    value = tmp == ‘Y‘ ? (value + " " + (v || "top")) : ((v || ‘left‘) + " " + value);
                }
            }            if (typeof el.style[prop] != "undefined") {
                el.style[prop] = value + (typeof value === "number" && !rexclude.test(prop) ? ‘px‘ : ‘‘);
                bRtn = bRtn && true;
            } else {
                bRtn = bRtn && false;
            }
        }        return bRtn;
    },getScrollTop: function(doc) {        var _doc = doc || document;        return Math.max(_doc.documentElement.scrollTop, _doc.body.scrollTop);
    },getClientHeight: function(doc) {        var _doc = doc || document;        return _doc.compatMode == "CSS1Compat" ? _doc.documentElement.clientHeight : _doc.body.clientHeight;
    }
};

ZENG.string = {RegExps: {trim: /^\s+|\s+$/g,ltrim: /^\s+/,rtrim: /\s+$/,nl2br: /\n/g,s2nb: /[\x20]{2}/g,URIencode: /[\x09\x0A\x0D\x20\x21-\x29\x2B\x2C\x2F\x3A-\x3F\x5B-\x5E\x60\x7B-\x7E]/g,escHTML: {re_amp: /&/g,re_lt: /</g,re_gt: />/g,re_apos: /\x27/g,re_quot: /\x22/g},escString: {bsls: /\\/g,sls: /\//g,nl: /\n/g,rt: /\r/g,tab: /\t/g},restXHTML: {re_amp: /&amp;/g,re_lt: /&lt;/g,re_gt: /&gt;/g,re_apos: /&(?:apos|#0?39);/g,re_quot: /&quot;/g},write: /\{(\d{1,2})(?:\:([xodQqb]))?\}/g,isURL: /^(?:ht|f)tp(?:s)?\:\/\/(?:[\w\-\.]+)\.\w+/i,cut: /[\x00-\xFF]/,getRealLen: {r0: /[^\x00-\xFF]/g,r1: /[\x00-\xFF]/g},format: /\{([\d\w\.]+)\}/g},commonReplace: function(s, p, r) {
        return s.replace(p, r);
    },format: function(str) {        var args = Array.prototype.slice.call(arguments), v;
        str = String(args.shift());        if (args.length == 1 && typeof (args[0]) == ‘object‘) {
            args = args[0];
        }
        ZENG.string.RegExps.format.lastIndex = 0;        return str.replace(ZENG.string.RegExps.format, function(m, n) {
            v = ZENG.object.route(args, n);            return v === undefined ? m : v;
        });
    }};

ZENG.object = {
    routeRE: /([\d\w_]+)/g,
    route: function(obj, path) {
        obj = obj || {};
        path = String(path);        var r = ZENG.object.routeRE, m;
        r.lastIndex = 0;        while ((m = r.exec(path)) !== null) {
            obj = obj[m[0]];            if (obj === undefined || obj === null) {                break;
            }
        }        return obj;
    }};var ua = ZENG.userAgent = {}, agent = navigator.userAgent;
ua.ie = 9 - ((agent.indexOf(‘Trident/5.0‘) > -1) ? 0 : 1) - (window.XDomainRequest ? 0 : 1) - (window.XMLHttpRequest ? 0 : 1);if (typeof (ZENG.msgbox) == ‘undefined‘) {
    ZENG.msgbox = {};
}
ZENG.msgbox._timer = null;
ZENG.msgbox.loadingAnimationPath = ZENG.msgbox.loadingAnimationPath || ("loading.gif");
ZENG.msgbox.show = function(msgHtml, type, timeout, opts) {    if (typeof (opts) == ‘number‘) {
        opts = {topPosition: opts};
    }
    opts = opts || {};    var _s = ZENG.msgbox,
     template = ‘<span class="zeng_msgbox_layer" style="display:none;z-index:10000;" id="mode_tips_v2"><span class="gtl_ico_{type}"></span>{loadIcon}{msgHtml}<span class="gtl_end"></span></span>‘, loading = ‘<img src="‘ + (opts.customIcon || _s.loadingAnimationPath) + ‘"  />‘, typeClass = [0, 0, 0, 0, "succ", "fail", "clear"], mBox, tips;
    _s._loadCss && _s._loadCss(opts.cssPath);
    mBox = ZENG.dom.get("q_Msgbox") || ZENG.dom.createElementIn("div", document.body, false, {className: "zeng_msgbox_layer_wrap"});
    mBox.id = "q_Msgbox";
    mBox.style.display = "";
    mBox.innerHTML = ZENG.string.format(template, {type: typeClass[type] || "hits",msgHtml: msgHtml || "",loadIcon: type == 6 ? loading : ""});
    _s._setPosition(mBox, timeout, opts.topPosition);
};
ZENG.msgbox._setPosition = function(tips, timeout, topPosition) {
    timeout = timeout || 5000;    var _s = ZENG.msgbox, bt = ZENG.dom.getScrollTop(), ch = ZENG.dom.getClientHeight(), t = Math.floor(ch / 2) - 40;
    ZENG.dom.setStyle(tips, "top", ((document.compatMode == "BackCompat" || ZENG.userAgent.ie < 7) ? bt : 0) + ((typeof (topPosition) == "number") ? topPosition : t) + "px");
    clearTimeout(_s._timer);
    tips.firstChild.style.display = "";
    timeout && (_s._timer = setTimeout(_s.hide, timeout));
};
ZENG.msgbox.hide = function(timeout) {    var _s = ZENG.msgbox;    if (timeout) {
        clearTimeout(_s._timer);
        _s._timer = setTimeout(_s._hide, timeout);
    } else {
        _s._hide();
    }
};
ZENG.msgbox._hide = function() {    var _mBox = ZENG.dom.get("q_Msgbox"), _s = ZENG.msgbox;
    clearTimeout(_s._timer);    if (_mBox) {        var _tips = _mBox.firstChild;
        ZENG.dom.setStyle(_mBox, "display", "none");
    }
};

调用:

ZENG.msgbox.show("设置成功!", 4, 2000);
ZENG.msgbox.show("服务器繁忙,请稍后再试。", 1, 2000);
ZENG.msgbox.show("数据拉取失败", 5, 2000);
ZENG.msgbox.show(" 正在加载中,请稍后...", 6,8000);
时间: 2024-10-02 15:54:57

ZENG.msgbox的相关文章

Ajaxupload.js上传插件使用

注意一下火狐,360IE78下的坑: 返回过来的response在不同浏览器下的字符串不一致 // response(chrome):<pre style="word-wrap: break-word; white-space: pre-wrap;">{"success":true,"info":"保存成功!","PhotoURL":"\/upload_BenefitsFund\/33

Simditor上传图片(ASP.NET+JS/Jquery)

Simditor是我比较喜欢的富文本编辑器,他比较简洁,配置也很简单,Simditor官网都有,就不多说了.但是,他的那个图片上传图片没有反应,百度了一下,都是这个Java版的Simditor图片上传.看了下改成.NET也不知道用不用得成,索性自己写一个.那要怎么写呢? 1.首先按照官网配置 //富文本编辑器配置 var editor = new Simditor({ textarea: $('#<%=tb_Content.ClientID%>'), upload: { url: '../Up

CVE-2010-0483分析 Microsoft Internet Explorer 6/7/8 - &#39;winhlp32.exe&#39; &#39;MsgBox()&#39; Remote Code Execution

相关资料:https://www.exploit-db.com/exploits/11615/ 目的是为了了解漏洞执行的流程. 根据资料准备服务端环境: 用一台win7当做是服务器,需要在win7上共享一个文件夹用于客户端访问.我的测试环境共享的文件夹是www. (1)启用Guest来宾账户,共享文件夹时将Guest添加读权限.此时在win7本机上应能访问,但在局域网的XP虚拟机无法访问  \\192.168.0.11\www\ (2)运行 secpol.msc 打开本地安全策略->本地策略->

AloneJs.msgbox() —— 弹出消息框

一.引用 <link href="http://alonejs.suziyun.com/alonejs.min.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> <script src="http://alonejs.suziyun.com/alonejs.mi

Msgbox信息提示框

在程序运行过程中,常常需要弹出一些提示信息,与用户交流.需采用强制方式,将焦点移动到提示框上来,待用户处理完预先设置的对话之后,才能接着后面的操作. 这些提示框的使用都是本着协助用户更准确,更有效地与计算机交互的意义而设置的,是一个贴心的使用助手.一个有力的助手,就要能在繁杂处给予清晰的指引,在危险处提出警示,在关心的问题上及时给予回馈,在选择问题上要将不同选择的厉害关系讲明了,这样才能成为好助手.既然是协助,就又不能老在眼前晃,要在适当的时候适时地出现,出现得太多,影响效率,反而帮了倒忙.因为

[转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法

一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBox.Show (IWin32Window, String) 在指定对象的前面显示具有指定文本的消息框. MessageBox.Show (String, String) 显示具有指定文本和标题的消息框.由 .NET Compact Framework 支持. MessageBox.Show (IWi

详解MessageBox(),MsgBox函数的正确使用

//或者使用chr(13),chr(10)效果一样 MsgBox "a"&chr(13)&"b"&chr(10)&"c" //带有警告标志的窗口 MsgBox "a"&chr(13)&"b"&chr(10)&"c",16 //显示确定取消按钮 MsgBox "a"&chr(13)&&quo

Msgbox消息框

于"自"<软件开发工具>一本书有这样的制剂,让我回忆--程序员可以做,让用户做:它允许用户做的少,即使是那些谁需要做的程序设置.我们应该做的. 这不是宣言.该是践行. 在程序执行过程中,经常须要弹出一些提示信息,与用户交流. 需採用强制方式,将焦点移动到提示框上来.待用户处理完预先设置的对话之后,才干接着后面的操作. 这些提示框的使用都是本着协助用户更准确.更有效地与计算机交互的意义而设置的,是一个贴心的使用助手.一个有力的助手.就要能在繁杂处给予清晰的指引,在危急处提出警

VBA中的MsgBox函数使用

首先来看一下MsgBox的基本语法格式: MsgBox(prompt[, buttons] [, title] [, helpfile, context]) 下面就其中的各参数进行详细的讲解 2. prompt参数(必选参数):该参数用于表明输出对话框所显示的内容,由于该参数只代表长度为255个字符的一个字符串,因此我们可以使用"&"连接符将各部分字符串连接起来,同时可以借助函数"Chr(10)"实现换行操作. 3. Buttons参数(可选参数):用于定义