码迷,mamicode.com
首页 > 其他好文 > 详细

解决消息框被active遮挡问题

时间:2015-07-07 14:38:36      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:


 这里用的自定义窗体(easyui-windows),也可以使用alert().$.messager,等等方法,使用window 发现不用刻意去计算 显示位置,显示的是固定位置。如果是alert和messager 需要计算显示位置。为遮挡层赋值;

   <div id="win" class="easyui-window" title="系统提示" style="width: 200px; height: 150px; top: 180px; left: 598px;"
        data-options="iconCls:‘icon-save‘,modal:true,closed:true,draggable:false,collapsible:false,resizable:false,minimizable:false,maximizable:false">
        <div style="margin-top: 20px; margin-bottom: 20px" align="center">
            <p id="msg" style="font-size: large; color: red">确定要保存? </p>
        </div>
        <div align="center" id="win_button">
            <a href="javascript:void(0);" id="save" class="easyui-linkbutton" data-options="name:‘paste‘,iconCls:‘icon-ok‘,iconAlign:‘top‘,plain:true">保存</a>
            <a style="margin-left: 30px" id="btn_Cancel" href="javascript:void(0)" onclick="CloseWindow(‘win‘)" class="easyui-linkbutton" data-options="name:‘paste‘,iconCls:‘icon-no‘,iconAlign:‘top‘,plain:true">取消</a>
        </div>
    </div>

参数依次是 是否显示取消按钮,取消按钮文本,取消按钮方法,取消按钮图标,确定按钮文本,确定按钮方法,确定按钮方法,提示文本

    

function showWindows(show_BtnCancle, btnCancle_Text, btnCancel_function, btnCancle_icon, btnOk_Text, btnOK_function, btnok_icon, tipMsg) {

        $("#win").window(‘open‘);
        $("#msg").text(tipMsg);

        if (show_BtnCancle == ‘0‘) {
            $("#btn_Cancel").css("display", ‘none‘);
        } else {
            $("#btn_Cancel").css("display", ‘‘);
            $("#btn_Cancel").linkbutton({
                text: btnCancle_Text,
                iconCls: btnCancle_icon,
                plain: true

            });

            $("#btn_Cancel").attr("onclick", btnCancel_function);

        }

        $("#save").linkbutton({
            text: btnOk_Text,
            iconCls: btnok_icon,
            plain: true
        });
        $("#save").attr("onclick", btnOK_function);
        createWindowMask(200, 150);
        return;

}

//创建遮挡层   

function createWindowMask(width, height) {

        $(".window-mask").empty().append("<iframe style=\"position: absolute; z-index: -1; width:" + width + "px; height: " + height + "px;top: 180px;left:598px; scrolling:no;\"allowTransparency=\"true\" frameborder=\"0\"></iframe>");     }

 

解决消息框被active遮挡问题

标签:

原文地址:http://www.cnblogs.com/easyJob/p/4626736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!