@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();
}