弹出提示框,大面板

function openalert(txt, lisneter, parent,title) {
    var p = parent || 'body';
    var bg = $('<div class="frameAlertbg"></div>').appendTo(p);
    bg.css({ position: 'fixed', top: '0px', left: '0px',  '100%', height: '100%',
        backgroundColor: "#000", opacity: 0
    });

    var rame = $('<div id="objectAlert" class="objectAlert" style="display:none;300px;min-height:118px;position:fixed;top:50%;left:50%;background-color:#f1f1f1;' +
                             'box-shadow:0px 0px 6px #3d3e3e;border-radius:3px;z-index:1001;">' +
                             '<div class="head_t" style="line-height:34px;height:34px;background-color:#000"><a href="javascript:" ' +
                             'class="close" style="display:inline-block;20px;height:20px;color:#3e3a38;margin-left:auto;margin-right:2px;margin-top:6px;float:right;background:url('+imgs_close+')"></a>' +
                             '<span style="display:inline-block;color:#fff;margin-left:3px">'+(lisneter.title?lisneter.title:'温馨提示')+'</span></div>' +
                             '<div class="content" style="padding:12px 10px 12px 43px;margin-bottom:5px;margin-top:10px">' + txt + '</div>' +
                             '<div class="footer" style="text-align:center;padding-bottom:3px;bottom:0px;100%;font-size:12px;">' +
                             '<a href="javascript:" class="clsbutton ok" style="text-align:center;display:none;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;">确 定</a> ' +
                             '<a href="javascript:" class="clsbutton agree" style="text-align:center;display:none;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;">同 意</a> ' +
                             '<a href="javascript:" class="clsbutton refuse" style="text-align:center;display:none;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;"><span>拒 绝</span></a>' +
                             '<a href="javascript:" class="clsbutton cancel" style="text-align:center;display:none;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;"><span>取 消</span></a>' +
                             '</div>' +
                             '</div>').appendTo(p);
        var ramedraw = rame.draw("xy",".head_t");
    if ($.browser.msie) {
        if ($.browser.version == 7){
            rame.css({  '300px' });
              
        }
        else if ($.browser.version == 6){
            $w = $(window);
            var s = $w.scrollTop();
            rame.css({  '300px', position: 'absolute',top:($w.height() - rame.height()) / 2+s });
            
            bg.css({ position: 'absolute', height: $w.height(),  $w.width(),top:s});
            $w.scroll(function () {
                var s = $w.scrollTop();
                var t = ($w.height() - rame.height()) / 2 + s;
                bg.css({ top: s });
                rame.css({ top: t });
            });
        }
    }

    rame.find(".head_t a.close").click(function () {
        close();
        if (lisneter && typeof (lisneter.onclose) === 'function')
            lisneter.onclose();

    });
    rame.find(".footer a.ok").click(function () {
        close();
        if (lisneter && typeof (lisneter.onok) === 'function')
            lisneter.onok();
    });
    rame.find(".footer a.cancel").click(function () {
        close();
        if (lisneter && typeof (lisneter.oncancel) === 'function')
            lisneter.oncancel();
    });
    rame.find(".footer a.agree").click(function () {
        close();
        if (lisneter && typeof (lisneter.onagree) === 'function')
            lisneter.onagree();
    });
    rame.find(".footer a.refuse").click(function () {
        close();
        if (lisneter && typeof (lisneter.onrefuse) === 'function')
            lisneter.onrefuse();
    });
    if (lisneter && typeof (lisneter.oncancel) === 'function') {
        rame.find(".footer a.cancel").css({display:'inline-block'});
    }
    if (lisneter && typeof (lisneter.onok) === 'function') {
        rame.find(".footer a.ok").css({display:'inline-block'});
    }
    if (lisneter && typeof (lisneter.onagree) === 'function') {
        rame.find(".footer a.agree").css({display:'inline-block'});
    }
    if (lisneter && typeof (lisneter.onrefuse) === 'function') {
        rame.find(".footer a.refuse").css({display:'inline-block'});
    }
    if (lisneter && lisneter.noicon) {
        rame.css({ background: "#fff" });
        rame.find('.content').css({ marginLeft: '0px' });
    }
    var close = function (b) {
        ramedraw.unload();
        rame.animate({ opacity: 0 }, function () {
            rame.remove();
        });
        bg.animate({ opacity: 0 }, function () {
            bg.remove();
        });
    };
    
    
    var w = rame.width();
    var h = rame.height();

    rame.css({ marginLeft: "-" + w / 2 + 'px', marginTop: '-' + (h / 2 + 30) + 'px' });
    if(parent){
        var $parent = $(parent)
        $parent.css({position:'relative'});
        bg.css({'100%',height:'100%',top:0,left:0,position:'absolute'});
        rame.css({position:'absolute'});
      }
    bg.animate({ opacity: 0.4 }, 300);
    rame.fadeIn();
    rame.close = close;
    return rame;
}

/*弹出一个大面板*/
function openpanel(title, selector, lisneter) {
    var bg = $('<div class="frameAlertbgpanel"></div>').appendTo("body");
    bg.css({ position: 'fixed', top: '0px', left: '0px',  '100%', height: '100%',
        backgroundColor: "#000", opacity: 0
    });
    var rame = $('<div id="objectpanel" class="objectpanel" style="display:none;position:fixed;background-color:#f1f1f1;' +
                             'box-shadow:0px 0px 6px #3d3e3e;border-radius:3px;">' +
                             '<div class="head_t" style="line-height:34px;height:34px;auto !important;display:block;"><a href="javascript:" ' +
                             'class="close" style="display:inline-block;20px;height:20px;margin-top:7px;margin-right:5px;float:right;background:url('+imgs_close+')"></a>' +
                             '<h4 style="margin:0px 5px;color:#fff;font-size:14px">' + title + '</h4></div>' +
                             '<div class="content" style="padding:10px;margin-bottom:0px;overflow-y:scroll;overflow-x:hidden;position:relative;"></div>' +
                             '<div class="footer" style="text-align:center;font-size:12px;padding-bottom:3px;bottom:0px;100%;">' +
                             '<a href="javascript:" class="clsbutton ok" style="text-align:center;display:none;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;">确 定</a> ' +
                             '<a href="javascript:" class="clsbutton agree" style="text-align:center;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;">同 意</a> ' +
                             '<a href="javascript:" class="clsbutton refuse" style="text-align:center;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;"><span>拒 绝</span></a>' +
                             '<a href="javascript:" class="clsbutton cancel" style="text-align:center;display:none;padding:3px 8px;background:url('+ imgs_btn_bg +');border:solid 1px #c7c7c7;color:#444343;text-decoration:none;border-radius:3px;"><span>取 消</span></a>' +
                             '</div>' +
                             '</div>').appendTo("body");


    //var rameobj = rame.draw("xy",".head_t");
    
    rame[0].id = rame[0].id + selector.substr(1);
    var content = $(selector);
    var parent = content.parent();
    if (lisneter.hasLoad) {
        rame.children('.content').css('background', 'url(/images/openloading.gif) no-repeat center center');
        content.css('visibility', 'hidden');
    }
    rame.children('.content').append(content[0]);
    if($.browser.msie){
        if($.browser.version == 7||$.browser.version == 8){
            rame.css({content.width()+60+'px'});
        }
        else if($.browser.version == 6){
            $("body").css({height:'100%','100%'});
            bg.css({position:'absolute'});
            rame.css({position:'absolute'});
            rame.css({content.width()+60+'px'});
        }
    }
    rame.find(".head_t a.close").click(function(){
        close();
        if(lisneter && typeof(lisneter.onclose) === 'function')
            lisneter.onclose();
            
    });
    rame.find(".footer a.ok").click(function(){
        close();
        if(lisneter && typeof(lisneter.onok) === 'function')
            lisneter.onok();
    });
    rame.find(".footer a.cancel").click(function(){
        close();
        if(lisneter && typeof(lisneter.oncancel) === 'function')
            lisneter.oncancel();
    });
    rame.find(".footer a.agree").click(function(){
        close();
        if(lisneter && typeof(lisneter.onagree) === 'function')
            lisneter.onagree();
    });
    rame.find(".footer a.refuse").click(function(){
        close();
        if(lisneter && typeof(lisneter.onrefuse) === 'function')
            lisneter.onrefuse();
    });
    if(lisneter && typeof(lisneter.oncancel) === 'function'){
        rame.find(".footer a.cancel").css({display:'inline-block'});
    }
    if(lisneter && typeof(lisneter.onok) === 'function'){
        rame.find(".footer a.ok").css({display:'inline-block'});
    }
    if(lisneter && typeof(lisneter.onagree) === 'function'){
        rame.find(".footer a.agree").css({display:'inline-block'});
    }
    if(lisneter && typeof(lisneter.onrefuse) === 'function'){
        rame.find(".footer a.refuse").css({display:'inline-block'});
    }
    if(lisneter && lisneter.noicon){
        rame.css({background:"#fff"});
        rame.find('.content').css({marginLeft:'0px'});
    }
    var close = function (f) {
        //rameobj.unload();
        if (content.attr("iframe") && content.attr("iframe") != '')
            content.empty();
        parent.append(content);
        win.unbind('resize', resbox);
        bg.remove();
        rame.remove();
        /*
        rame.animate({opacity:0},function(){
        parent.append(content);
        rame.remove();
        if(typeof(f) == 'function')
        f();
        });
        bg.animate({opacity:0},function(){
        bg.remove();
        });
        */
    }
    var win = $(window);
    if (content.attr("iframe") && content.attr("iframe") != '') {
        var frameHeight = content.attr('frameHeight');

        var src = content.attr("iframe");
        content.empty();
        src = src.indexOf("?") > 0 ? src + "&t=" + new Date : src + "?t=" + new Date();
        content.append('<iframe src="' + src + '" width="100%" height="100%" frameBorder="0" border="0" style="border:none"></iframe');
    }
    function resbox() {
        rame.children('.content').css('max-height', (win.height() - 100) + 'px');
        if (content.attr("iframe") && content.attr("iframe") != '') {
            rame.children('.content').css("overflow", "hidden");
            content.css({ "height": frameHeight?frameHeight:((win.height() - 120) + "px"), margin: "10px" });
        }
        var winH = win.height();
        var winW = win.width();
        var w = rame.width();
        var h = rame.height();

        var top = (winH - h) / 2;
        var left = (winW - w) / 2;
        if (top <= 5)
            top = 5;

        rame.css({ left: left + "px", top: top + 'px' });
    }
    resbox();
    win.bind('resize',resbox);
    if($.browser.msie && $.browser.version == 6){
        var st = $(window).scrollTop()
        rame.css({top:top+st});
        bg.css({top:st})
        $(window).scroll(function(){
            var st = $(window).scrollTop()
            rame.css({top:top+st});
            bg.css({top:st})
        });
    }
  bg.animate({ opacity: 0.5 }, 300);
  rame.fadeIn();
  rame.close = function () { close(); }
  rame.endLoad = function () {
      rame.children('.content').css('background', '');
      content.css('visibility', 'visible');
  }
   // rame.draw("xy", ".head_t")
  return rame;
}
原文地址:https://www.cnblogs.com/wwqianduan/p/3494378.html