// 添加以下代码来进行测试:
 // ajax 发生错误,就会执行
$('body').ajaxError(function(e, xhr, setting, text){
    // e - event 事件
    // xhr - XMLHttpRequest 对象
    // setting - ajax 设置
    // text - 错误信息
    alert(text);
});
 
// ajax 完成后,就会执行
$('body').ajaxComplete(function(){
    alert('complete'); // ajax 请求完成就会执行
})

//同步请求,锁住浏览器
 $.ajax({
        url: '/sms/AjaxSMS.ashx',
        type: "POST",
        data: "txtcontent=" + content+"&txtback=" + content2+"",
        async: false, 
        dataType:"json",
        success: function(data) {

            if (data == "成功" || data == "[object XMLDocument]") {
                IsAddSuffix(hdtatolSMS, arr, mob); //后缀名
                confirm("您本次发送短信数量为:" + (parseInt(hdtatolSMS) * arr.length) + ",确认发送吗?");
            } else {
                alert(content + "可能涉及广告类、营销类等系统不允许发送的内容,请修改后再发送。");
            }
        },
        error: function(a) {
            alert(a.responseText);
        }
    });

//添加后缀判断
function IsAddSuffix(data, arr, mob) {
    var txtBack = document.getElementById("ctl00_ContentPlaceHolder1_txtBack").value;
    if (txtBack == "") {
        confirm("后缀为空,您本次发送短信数量为:" + (parseInt(data) * arr.length) + ",确认发送吗?");
    } else {
        if (txtBack.length + mob.value.length > maxnums - 1) {
            alert("内容加上后缀(系统自动补充空格)长度不能起过" + maxnums + "个字符,请重新输入!");
        }
    }
}

<script type="text/javascript" language="javascript">
        $(function() {
            //弹出提示框(快旅新域名)
            var isRead = getHCookie('warnTips');
            if (isRead == null) {
                popupDiv('pop-div');
            }

function popupDiv(div_id) {
                var div_obj = $("#" + div_id);
                var windowWidth = document.documentElement.clientWidth;
                var windowHeight = document.documentElement.clientHeight;
                var popupHeight = div_obj.height();
                var popupWidth = div_obj.width();
                //添加并显示遮罩层  
                $("<div id='mask'></div>").addClass("mask")
                .width(windowWidth * 0.99)
                .height(windowHeight * 0.99)
                //.css({ "position": "absolute", "background": "#CCCCCC", "left": "0px", "top": "0px", "zIndex": "1", "filter": "Alpha(Opacity=60)" })遮盖层
                .css({ "position": "absolute" })
                .click(function() { hideDiv(div_id); })
                .appendTo("body")
                .fadeIn(200);
                div_obj.css({ "position": "absolute" })
                .animate({ left: windowWidth / 2 - popupWidth / 2,
                    top: windowHeight / 2 - popupHeight / 2, opacity: "show"
                }, "slow");
            }

});
        function hideDiv(div_id) {
            $("#mask").remove();
            $("#" + div_id).animate({ left: 0, top: 0, opacity: "hide" }, "slow");
            //记录cookie
            SetHCookie('warnTips', 'read');
            //window.parent.del();
        }

function SetHCookie(name, value)//两个参数,一个是cookie的名称,一个是值
        {
            var Days = 1; //此 cookie 将被保存 1 天 
            var exp = new Date();
            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
        }
        function getHCookie(name)//取cookies函数         
        {
            var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
            if (arr != null) return unescape(arr[2]); return null;
        }
        function delHCookie(name)//删除cookie 
        {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = getHCookie(name);
            if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
        }
  </script>

z-index遮罩层的光标输入方案:遮罩层问题。必须设置z-index,必须小于父div元素的数值,不然会失去效果。

z-index解决弹出层遮罩层覆盖子div不能显示输出的问题的更多相关文章

  1. html+css源码之实现登录弹出框遮罩层效果

    在web开发中,很多网站都做了一些特别炫丽的效果,比如用户登录弹框遮罩层效果,本文章向大家介绍css如何实现登录弹出框遮罩层效果,需要的朋友可以参考一下本文章的源代码. html+css实现登录弹出框 ...

  2. jquery弹出关闭遮罩层实例

    jquery弹出关闭遮罩层实例. 代码如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" & ...

  3. js实现弹出窗口+遮罩层+tab切换

    [功能1]点击约谈按钮,弹出对话框和遮罩层(自己的叫法 专业叫法没有查) [部分重点代码] [下面的方法] (1)获取系统时间如何实现(2)点击如何实现弹出窗口和遮罩层 $(".date_n ...

  4. jQuery点击图片弹出大图遮罩层

    使用jQuery插件HoverTreeShow弹出遮罩层显示大图 效果体验:http://hovertree.com/texiao/hovertreeshow/ 在开发HoverTreeTop项目的产 ...

  5. 根据juery CSS点击一个标签弹出一个遮罩层的简单示例

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. jQuery弹出关闭遮罩层

    效果体验:http://keleyi.com/keleyi/phtml/jquery/9.htm 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...

  7. ifream页面弹出框遮盖层覆盖父页面

    1.首先找到子页面上遮罩层的id, 2.然后再父页面编写个js方法 function shade() { $(".layui-layer-shade").height($(wind ...

  8. JS中通过LayUI的layer.prompt弹出文本输入层,多个按钮回调获取输入值

    JS中通过LayUI弹出文本输入层,多个按钮回调: 如图所示,输入文本后点击通过/不通过按钮回调获取输入文本值的实现: 实现JS: layer.prompt({ formType: 2, // 弹出文 ...

  9. MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题

    解决弹出输入法时页面高度变小导致底部上浮的问题 在有输入框的页面,当输入法弹出的时候,底部元素上浮遮盖了输入框,影响页面美观及功能.查找了一下,页面变窄是不可避免的.即使是设置绝对固定也是不可以的.因 ...

随机推荐

  1. java值传递

    Java使用按值传递的函数调用方式,这往往使我感到迷惑.因为在基础数据类型和对象的传递上,我就会纠结于到底是按值传递,还是按引用传递.其实经过学习,Java在任何地方,都一直发挥着按值传递的本色. 首 ...

  2. SQL语言学习-数据操纵语言

    一般而言,数据库中数据的生命周期包括数据插入以及更新.数据删除3个阶段.首先需要用户或者系统将数据插入表.然后,对数据的使用,包括数据的检索以及数据的更新.最后,如果数据已经没有使用价值,则将数据删除 ...

  3. SQL Server数据库远程操作

    SQL Server数据库远程操作中,在使用openrowset/opendatasource前首先要启用Ad Hoc Distributed Queries服务,因为这个服务不安全所以SqlServ ...

  4. Hibernate学习——映射关系

    学习记录 O(∩_∩)O . 如果你恰巧路过,希望你能停下脚步瞧一瞧,不足之处望指出,感激不尽~ 使用工具: 1.eclipse   2.hibernate压缩包(hibernate_4.3.11)  ...

  5. JS 之 innerHTML

    定义和用法 innerHTML 属性用于设置或返回指定标签之间的 HTML 内容. 语法 Object.innerHTML = "HTML";// 设置 var html = Ob ...

  6. HDU 5794 - A Simple Nim

    题意:    n堆石子,先拿光就赢,操作分为两种:        1.任意一堆中拿走任意颗石子        2.将任意一堆分成三小堆 ( 每堆至少一颗 )        分析:    答案为每一堆的 ...

  7. Ajax XMLHttpRequest对象的三个属性以及open和send方法

    (1)onreadystatechange 属性onreadystatechange 属性存有处理服务器响应的函数.下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行 ...

  8. python socket 编程之一:编写socket的基本步骤

    一.socket 编写server的步骤: 1.第一步是创建socket对象.调用socket构造函数.如: socket = socket.socket( family, type ) family ...

  9. web安全测试工具介绍---webscarab

    webscarab: 这主要是一款代理软件或许没有其它的工具能和OWASP的WebScarab如此丰富的功能相媲美了,如果非要列举一些有用的模块的话,那么他们包括HTTP代理,网络爬行.网络蜘蛛,会话 ...

  10. 什么是Intent(意图)

    1.Intent是一种运行时绑定(runtime bingding)机制,它能在程序运行的过程中连接两个不同的组件.通过Intent,你的程序可以向Android表达某种 请求或者意愿,Android ...