弹出提示框,大面板
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', width: '100%', height: '100%', backgroundColor: "#000", opacity: 0 }); var rame = $('<div id="objectAlert" class="objectAlert" style="display:none;width: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;width: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;width: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({ width: '300px' }); } else if ($.browser.version == 6){ $w = $(window); var s = $w.scrollTop(); rame.css({ width: '300px', position: 'absolute',top:($w.height() - rame.height()) / 2+s }); bg.css({ position: 'absolute', height: $w.height(), width: $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({width:'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', width: '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;width:auto !important;display:block;"><a href="javascript:" ' + 'class="close" style="display:inline-block;width: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;width: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({width:content.width()+60+'px'}); } else if($.browser.version == 6){ $("body").css({height:'100%',width:'100%'}); bg.css({position:'absolute'}); rame.css({position:'absolute'}); rame.css({width: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; }