@qingjieshouliang
Current Path : /www/wwwroot/eblliwsm.com/c7bd1a80/Extend/Tool/TPM/Tpl/Public/js/ |
Current File : /www/wwwroot/eblliwsm.com/c7bd1a80/Extend/Tool/TPM/Tpl/Public/js/TPMmodal.js |
function tpm_alert(msg,callback,title){ title=title||'系统信息'; var $modal=$('<div><div class="tpm_modal_head"><h3>'+title+'</h3></div><div class="tpm_modal_body">'+msg+'</div><div class="tpm_modal_foot"><button class="tpm_modal_ok" type="button">确认</button></div></div>'); $modal.find('.tpm_modal_foot>button').on('click',function(){ tpm_close_float_box(); }); var id=Modernizr.mq("(max-width:767px)")?'tpm_modal_phone':'tpm_modal'; tpm_show_float_box($modal,id); if($.isFunction(callback)){ $('#'+id).on('end',function(){ callback(); $('#'+id).off('end'); }); } } function tpm_info(msg,callback){ var id=Modernizr.mq("(max-width:767px)")?'tpm_info_phone':'tpm_info'; if(0==$('#'+id).size()){ $('<div id="'+id+'"></div>').appendTo('body').on('webkitTransitionEnd oTransitionEnd otransitionend transitionend',function(){ if(!$(this).is('.in')){ $(this).hide(); if($.isFunction(callback)) callback(); } }); } //显示 $('#'+id).show(); $('#'+id).html(msg); $('#'+id).offset();//强制回流 $('#'+id).addClass('in'); //3秒后隐藏 setTimeout(function(){ $('#'+id).removeClass('in'); if(!Modernizr.csstransitions){ $('#'+id).hide(); if($.isFunction(callback)) callback(); } },1000) } function tpm_confirm(msg,callback,title){ title=title||'请确认'; var $modal=$('<div><div class="tpm_modal_head"><h3>'+title+'</h3></div><div class="tpm_modal_body">'+msg+'</div><div class="tpm_modal_foot"><button class="tpm_modal_cancel" type="button">取消</button><button class="tpm_modal_ok" type="button">确认</button></div></div>'); var id=Modernizr.mq("(max-width:767px)")?'tpm_modal_phone':'tpm_modal'; $modal.find('.tpm_modal_foot>button').on('click',function(){ if($(this).is('.tpm_modal_ok')){ $('#'+id).on('end',function(){ if($.isFunction(callback)) callback(); $('#'+id).off('end'); }) } tpm_close_float_box(); }); tpm_show_float_box($modal,id); } function tpm_popurl(url,callback,title){ var text='<div><div class="tpm_modal_head"><h3>'+title+'</h3> <a class="tpm_modal_close" href="javascript:tpm_close_float_box();">×</a></div><div id="tpm_modal_body" class="tpm_modal_body">loading</div></div>'; tpm_show_float_box(text,'tpm_modal'); if($.isFunction(callback)){ $('#tpm_modal').on('end',function(){ callback(); $('#tpm_modal').off('end'); }); } //增加随机数,防止缓存 url+=-1==url.indexOf('?')?'?tpm_r='+Math.random():'&tpm_r='+Math.random(); //判断是否为http开头。 if('http'==url.substr(0,4).toLowerCase()){ $(window).off('message.tpm'); //以http开头用iframe显示。 $(window).on('message.tpm',function(e){ if('tpm_close_float_box'==e.originalEvent.data){ tpm_close_float_box(); } }); $('#tpm_modal_body').html('<iframe src="'+url+'" id="tpm_modal_iframe" name="tpm_modal_iframe"></iframe>'); }else{ //判断是否加载tpm类库。 if(!window.TPM){ $('#tpm_modal_body').load(url); }else{ window.TPMshowAjaxWait=false; TPM.http(url,'tpm_modal_body'); } } } function tpm_show_float_box(text,id){ tpm_show_backdrop(); //创建modal层 if(0==$('#'+id).size()){ $('<div id="'+id+'"></div>').appendTo('body').on('webkitTransitionEnd oTransitionEnd otransitionend transitionend',function(){ if(!$(this).is('.in')){ $(this).trigger('end'); $(this).hide(); } }); } $('#'+id).empty(); //加入弹出框内容 $(text).appendTo('#'+id); //显示modal层 $('#'+id).show() $('#'+id).offset(); //添加modal层in样式 $('#'+id).addClass('in'); } function tpm_close_float_box(){ //如果iframe中发送postMessage给父窗口 if(parent!=window){ parent.postMessage('tpm_close_float_box','*'); return ; } tpm_hide_backdrop(); //删除modal层in样式 $('#tpm_modal,#tpm_modal_phone').removeClass('in'); if(!Modernizr.csstransitions){ $('#tpm_modal,#tpm_modal_phone').hide(); $('#tpm_modal,#tpm_modal_phone').trigger('end'); } } //显示笼罩层 function tpm_show_backdrop(){ if(0==$('#tpm_backdrop').size()){ $('<div id="tpm_backdrop"></div>').appendTo('body').on('webkitTransitionEnd oTransitionEnd otransitionend transitionend',function(){ if(!$(this).is('.in')) $(this).hide(); }); } $('#tpm_backdrop').show(); $('#tpm_backdrop').offset();//强制回流 $('#tpm_backdrop').addClass('in'); } //隐藏笼罩层 function tpm_hide_backdrop(){ $('#tpm_backdrop').removeClass('in'); if(!Modernizr.csstransitions) $('#tpm_backdrop').hide(); }