548 lines
17 KiB
JavaScript
548 lines
17 KiB
JavaScript
/*
|
||
* iframe之间函数调用
|
||
*
|
||
* main frame中每个frame需要name和id，以便兼容多浏览器
|
||
* 如果需要提供给其他frame调用，则需要在body中加入
|
||
* <input id="FrameCall" type='hidden' action='' value='' onclick='FrameCall.api()'/>
|
||
* 调用例子：Frame.doFunction('main','goUrl','"'+url+'"');该frame调用id为main的兄弟frame的goUrl方法，参数为后面的
|
||
* 参数为字符串时需要加引号，否则传过去会被理解成一个未定义变量
|
||
*/
|
||
var FrameCall = (function(){
|
||
var idName = "FrameCall";
|
||
var idNameAll = "#"+idName;
|
||
var ie = !-[1,];//是否ie
|
||
return{
|
||
apiOpen:function(){
|
||
var html = '<input id="FrameCall" type="hidden" action="1" value="1" onclick="FrameCall.api()" />';
|
||
$(html).prependTo('body');
|
||
},
|
||
//其他窗口调用该窗口函数，调用另一个frame的方法
|
||
api:function(){
|
||
var action = $(idNameAll).attr('action');
|
||
var value=$(idNameAll).attr('value');
|
||
|
||
if (action == 'get') {//获取变量
|
||
share.data('create_app_path',eval(value));
|
||
return;
|
||
}
|
||
var fun=action+'('+value+');';//拼装执行语句，字符串转换到代码
|
||
try{
|
||
eval(fun);
|
||
} catch(e) {};
|
||
},
|
||
//该窗口调用顶层窗口的子窗口api,调用iframe框架的js函数.封装控制器。
|
||
top:function(iframe,action,value){
|
||
if (!window.parent.frames[iframe]) return;
|
||
//var obj = window.top.frames[iframe].document;
|
||
var obj = window.parent.frames[iframe].document;
|
||
if(!obj) return;
|
||
obj=obj.getElementById(idName);
|
||
$(obj).attr("action",action);
|
||
$(obj).attr("value",value);
|
||
obj.click();
|
||
},
|
||
//该窗口调用父窗口的api
|
||
father:function(action,value){
|
||
var obj=window.parent.document;
|
||
obj=obj.getElementById(idName);
|
||
$(obj).attr("action",action);
|
||
$(obj).attr("value",value);
|
||
obj.click();
|
||
},
|
||
//___自定义通用方法，可在页面定义更多提供给接口使用的api。
|
||
goUrl:function(url){
|
||
window.location.href=url;
|
||
},
|
||
goRefresh:function(){
|
||
window.location.reload();
|
||
}
|
||
}
|
||
})();
|
||
|
||
$(document).ready(function() {
|
||
FrameCall.apiOpen();
|
||
});
|
||
|
||
var time = function(){
|
||
var time = (new Date()).valueOf();
|
||
return time;
|
||
}
|
||
var urlEncode = encodeURIComponent;
|
||
var urlDecode = decodeURIComponent;
|
||
var urlEncode2 = function (str){
|
||
return urlEncode(urlEncode(str));
|
||
};
|
||
var UUID = function(){
|
||
return 'uuid_'+time()+'_'+Math.ceil(Math.random()*10000)
|
||
}
|
||
var round = function(val,point){
|
||
if (!point) point = 2;
|
||
point = Math.pow(10,parseInt(point));
|
||
return Math.round(parseFloat(val)*point)/point;
|
||
}
|
||
|
||
//跨框架数据共享
|
||
var share = {
|
||
data: function (name, value) {
|
||
var top = window.top,
|
||
cache = top['_CACHE'] || {};
|
||
top['_CACHE'] = cache;
|
||
return value !== undefined ? cache[name] = value : cache[name];
|
||
},
|
||
removeData: function (name) {
|
||
var cache = window.top['_CACHE'];
|
||
if (cache && cache[name]) delete cache[name];
|
||
}
|
||
};
|
||
jQuery.easing.def="easeInOutCubic";//easeOutExpo,easeInOutExpo,easeInOutSine
|
||
//cookie操作
|
||
var Cookie = (function(){
|
||
var cookie = {};
|
||
var _init = function(){
|
||
cookie = {};//初始化cookie
|
||
var cookieArray=document.cookie.split("; ");
|
||
for (var i=0;i<cookieArray.length;i++){
|
||
var arr=cookieArray[i].split("=");
|
||
cookie[arr[0]] = unescape(arr[1]);
|
||
}
|
||
return cookie;
|
||
}
|
||
var get = function(key){//没有key代表获取所有
|
||
_init();
|
||
if (key == undefined) return cookie;
|
||
return cookie[key];
|
||
};
|
||
var set = function(key,value,timeout){
|
||
var str = key+"="+escape(value);//不设置时间代表跟随页面生命周期
|
||
if (timeout != undefined){//时间以小时计
|
||
var date = new Date();
|
||
date.setTime(date.getTime() + 1000*3600 * timeout);
|
||
str += "; expires=" + date.toGMTString();
|
||
}
|
||
document.cookie = str;
|
||
};
|
||
var del = function(key){
|
||
document.cookie = key+"=;expires="+(new Date(0)).toGMTString();
|
||
};
|
||
var clear = function(){
|
||
_init();
|
||
for(var key in cookie){
|
||
del(key);
|
||
}
|
||
}
|
||
return {
|
||
get:get,
|
||
set:set,
|
||
del:del,
|
||
clear:clear
|
||
}
|
||
})();
|
||
|
||
//是否在数组中。
|
||
var inArray = function(arr,value) {
|
||
for (var i=0,l = arr.length ; i <l ; i++) {
|
||
if (arr[i] === value) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
var stopPP = function(e){//防止事件冒泡
|
||
e = e || window.event;
|
||
if (e.stopPropagation) {
|
||
e.stopPropagation();
|
||
}
|
||
if (e.preventDefault) {
|
||
e.preventDefault();
|
||
}
|
||
|
||
e.cancelBubble = true;
|
||
e.keyCode = 0;
|
||
e.returnValue = false;
|
||
}
|
||
|
||
//通用提示信息框
|
||
var tips = function(msg,code){
|
||
Tips.tips(msg,code);
|
||
}
|
||
var Tips = (function(){
|
||
var in_time = 400;
|
||
var delay = 500;
|
||
var opacity = 0.7;
|
||
var _init = function(msg,code){
|
||
var tipsIDname = "messageTips";
|
||
var tipsID = "#"+tipsIDname;
|
||
if ($(tipsID).length ==0) {
|
||
var html='<div id="'+tipsIDname+'" class="tips_box"><i></i><span></span>'+
|
||
'<a class="tips_close">×</a></div>'
|
||
$('body').append(html);
|
||
|
||
$(tipsID).show().css({'left':($(window).width() - $(tipsID).innerWidth())/2});
|
||
$(window).bind('resize',function(){
|
||
if ($(tipsID).css('display') =="none") return;
|
||
self.stop(true,true)
|
||
$(tipsID).css({'left':($(window).width() - $(tipsID).width()) / 2});
|
||
});
|
||
$(tipsID).find('.tips_close').click(function(){
|
||
$(tipsID).animate({opacity:0},
|
||
in_time,0,function(){
|
||
$(this).hide();
|
||
});
|
||
});
|
||
}
|
||
var self = $(tipsID),icon,color;
|
||
switch(code){
|
||
case 100:delay = 3000;//加长时间 5s
|
||
case true:
|
||
case undefined:
|
||
case 'succcess':color = '#5cb85c';icon = 'icon-ok';break;
|
||
case 'info':color = '#519AF6';icon = 'icon-info';break;
|
||
case 'warning':color = '#ed9c28';icon = 'icon-exclamation';break;
|
||
case false:
|
||
case 'error':delay = 1000;color = '#d9534f';icon = 'icon-remove';break;
|
||
default:color = '';icon = '';break;
|
||
}
|
||
if (color != '') {
|
||
self.css({'background':color,'color':'#fff'});
|
||
self.find('i').removeClass().addClass(icon);
|
||
}
|
||
if (msg != undefined) self.find('span').html(msg);
|
||
$(tipsID).show().css({'left':($(window).width() - $(tipsID).innerWidth())/2});
|
||
return self;
|
||
};
|
||
var tips = function(msg,code,offset_top){
|
||
if (typeof(msg) == 'object'){
|
||
code=msg.code;msg = msg.data;
|
||
}
|
||
if (offset_top == undefined) offset_top = 0;
|
||
var self = _init(msg,code);
|
||
self.stop(true,true)
|
||
.css({'opacity':'0','top':offset_top-self.height()})
|
||
.show()
|
||
.animate({opacity:opacity,top:offset_top},in_time,0)
|
||
.delay(delay)
|
||
.animate({opacity:0,top:'-='+(offset_top+self.height())},in_time,0,function(){
|
||
$(this).hide();
|
||
});
|
||
};
|
||
var loading = function(msg,code,offset_top){
|
||
if (typeof(msg) == 'object'){
|
||
code=msg.code;msg = msg.data;
|
||
}
|
||
if (offset_top == undefined) offset_top = 0;
|
||
if (msg == undefined) msg = 'loading...'
|
||
msg+= " <img src='./static/images/loading.gif'/>";
|
||
|
||
var self = _init(msg,code);
|
||
self.stop(true,true)
|
||
.css({'opacity':'0','top':offset_top-self.height()})
|
||
.animate({opacity:opacity,top:offset_top},in_time,0);
|
||
};
|
||
var close = function(msg,code,offset_top){
|
||
if (typeof(msg) == 'object'){
|
||
try{
|
||
code=msg.code;msg = msg.data;
|
||
}catch(e){
|
||
code=0;msg ='';
|
||
};
|
||
}
|
||
if (offset_top == undefined) offset_top = 0;
|
||
var self = _init(msg,code);
|
||
self.delay(delay)
|
||
.show()
|
||
.animate({
|
||
opacity:0,
|
||
top:'-='+(offset_top+self.height())},
|
||
in_time,0,function(){
|
||
$(this).hide();
|
||
});
|
||
};
|
||
return{
|
||
tips:tips,
|
||
loading:loading,
|
||
close:close
|
||
}
|
||
})();
|
||
|
||
|
||
//通用遮罩层
|
||
var MaskView = (function(){
|
||
var opacity = 0.6;
|
||
var animatetime = 250;
|
||
var color ='#000';
|
||
var maskId = "#windowMaskView";
|
||
var maskContent = '#maskViewContent';
|
||
|
||
var add = function(content,t_opacity,t_color,time){
|
||
if (t_opacity != undefined) opacity == t_opacity;
|
||
if (t_color != undefined) color == t_color;
|
||
if (time != undefined) animatetime == time;
|
||
|
||
if ($(maskId).length == 0) {
|
||
var html ='<div id="windowMaskView" style="position:fixed;top:0;left:0;right:0;bottom:0;background:'+
|
||
color+';opacity:'+opacity+';z-index:9998;"></div><div id="maskViewContent" style="position:absolute;z-index:9999"></div>';
|
||
$('body').append(html);
|
||
$(maskId).bind('click',close);
|
||
$(maskContent).bind('click',function(e){
|
||
e.stopPropagation();
|
||
});
|
||
$(window).unbind('resize').bind('resize',_resize);
|
||
}
|
||
$(maskContent).html(content).fadeIn(animatetime);_resize();
|
||
$(maskId).hide().fadeIn(animatetime);
|
||
};
|
||
var _resize = function(){
|
||
var $content = $(maskContent);
|
||
$content.css({'width':'auto','height':'auto'}).css({
|
||
top:($(window).height()-$content.height())/2,
|
||
left:($(window).width()-$content.width())/2});
|
||
imageSize();
|
||
}
|
||
|
||
var tips = function(msg){
|
||
add("<div style='font-size:50px;color:#fff;opacity:0.6;'>"+msg+"</div>");
|
||
}
|
||
var image = function(url){
|
||
add("<img src='"+url+"' class='image' onload='MaskView.resize();' style='-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80%,transparent),color-stop(70%,rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));'/>");
|
||
var $content = $(maskContent)
|
||
var $dom = $content.find('.image');
|
||
var dragFlag = false,E;
|
||
var old_left,old_top;
|
||
|
||
$(document).bind({
|
||
mousedown:function(e){
|
||
if (!$(e.target).hasClass('image')) return;
|
||
dragFlag = true;
|
||
$dom.css('cursor','move');
|
||
stopPP(e);E = e;
|
||
old_top = parseInt($content.css('top').replace('px',''));
|
||
old_left = parseInt($content.css('left').replace('px',''));
|
||
},
|
||
mousemove:function(e){
|
||
if (!dragFlag) return;
|
||
$content.css({
|
||
'left':old_left+(e.clientX-E.clientX),
|
||
'top':old_top+(e.clientY-E.clientY)
|
||
});
|
||
},
|
||
mouseup:function(){
|
||
dragFlag = false;
|
||
$dom.css('cursor','default');
|
||
},
|
||
keydown:function(e){
|
||
if ($(maskId).length > 0 && e.keyCode == 27){
|
||
MaskView.close();
|
||
stopPP(e);
|
||
}
|
||
}
|
||
})
|
||
$dom.mousewheel(function(offset){
|
||
var w = parseInt($(this).width()) * (1+offset*0.5);
|
||
var h = parseInt($(this).height()) * (1+offset*0.5);
|
||
var top = ($(window).height() - h)/2;
|
||
var left = ($(window).width() - w)/2;
|
||
$(maskContent+','+maskContent+' .image').stop(true)
|
||
.animate({'width':w,'height':h,'top':top,'left':left},400);
|
||
});
|
||
}
|
||
var imageSize = function(){
|
||
var $dom = $(maskContent).find('.image');
|
||
if ($dom.length == 0) return;
|
||
var image=new Image();
|
||
image.src = $dom.attr('src');
|
||
var percent = 0.7,
|
||
w_width = $(window).width(),
|
||
w_height= $(window).height(),
|
||
m_width = image.width,
|
||
m_height= image.height,
|
||
width,height;
|
||
if (m_width >= w_width*percent){
|
||
width = w_width*percent;
|
||
height= m_height/m_width * width;
|
||
}else{
|
||
width = m_width;height= m_height;
|
||
}
|
||
$dom.css({'width':width,'height':height});
|
||
var $content = $(maskContent);
|
||
$content.css({'width':'auto','height':'auto'}).css({
|
||
top:($(window).height()-$content.height())/2,
|
||
left:($(window).width()-$content.width())/2});
|
||
}
|
||
var close = function(){
|
||
$(maskId).fadeOut(animatetime);
|
||
if ($(maskContent).find('.image').length!=0) {
|
||
$(maskContent+','+maskContent+' .image').animate({'width':0,'height':0,
|
||
'top':$(window).height()/2,
|
||
'left':$(window).width()/2
|
||
},animatetime*1.3,0,function(){
|
||
$(maskContent).hide();
|
||
_resize();
|
||
});
|
||
}else{
|
||
$(maskContent).fadeOut(animatetime);
|
||
}
|
||
};
|
||
return{
|
||
image:image,
|
||
resize:_resize,
|
||
tips:tips,
|
||
add:add,
|
||
close:close
|
||
}
|
||
})();
|
||
|
||
|
||
//textarea自适应高度
|
||
(function($){
|
||
$.fn.autoTextarea = function(options) {
|
||
var defaults={
|
||
minHeight:20,
|
||
padding:0
|
||
};
|
||
var opts = $.extend({},defaults,options);
|
||
var ie = !!window.attachEvent && !window.opera;
|
||
$(this)
|
||
.die("paste cut keydown keyup focus blur")
|
||
.live("paste cut keydown keyup focus blur",function(){
|
||
if(!ie) this.style.height = options.minHeight+"px";
|
||
var height = this.scrollHeight-options.padding;
|
||
if(height<=options.minHeight){
|
||
this.style.height = options.minHeight+"px";
|
||
}else{
|
||
this.style.height = height+"px";
|
||
}
|
||
});
|
||
};
|
||
})(jQuery);
|
||
|
||
//dom绑定enter事件 用于input
|
||
(function($){
|
||
$.fn.extend({
|
||
keyEnter:function(callback){
|
||
$(this).die('keydown').live('keydown',function(e){
|
||
if (e.keyCode == 13 && callback){
|
||
callback();
|
||
}
|
||
});
|
||
}
|
||
});
|
||
})(jQuery);
|
||
|
||
//dom绑定鼠标滚轮事件
|
||
(function($){
|
||
$.fn.extend({
|
||
mousewheel: function(fn){
|
||
var mousewheel = jQuery.browser.mozilla ? "DOMMouseScroll" : "mousewheel";
|
||
$(this).bind(mousewheel ,function(e){
|
||
e= window.event || e;
|
||
var delta = e.wheelDelta ? (e.wheelDelta / 120) : (- e.detail / 3);
|
||
fn.call(this,delta);
|
||
return false;
|
||
});
|
||
}
|
||
});
|
||
})(jQuery);
|
||
|
||
var Base64 = (function(){
|
||
var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
|
||
var encode = function (input) {
|
||
var output = "";
|
||
var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
|
||
var i = 0;
|
||
input = _utf8_encode(input);
|
||
while (i < input.length) {
|
||
chr1 = input.charCodeAt(i++);
|
||
chr2 = input.charCodeAt(i++);
|
||
chr3 = input.charCodeAt(i++);
|
||
enc1 = chr1 >> 2;
|
||
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
|
||
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
|
||
enc4 = chr3 & 63;
|
||
if (isNaN(chr2)) {
|
||
enc3 = enc4 = 64;
|
||
} else if (isNaN(chr3)) {
|
||
enc4 = 64;
|
||
}
|
||
output = output +
|
||
_keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
|
||
_keyStr.charAt(enc3) + _keyStr.charAt(enc4);
|
||
}
|
||
return output;
|
||
}
|
||
// public method for decoding
|
||
var decode = function (input) {
|
||
var output = "";
|
||
var chr1, chr2, chr3;
|
||
var enc1, enc2, enc3, enc4;
|
||
var i = 0;
|
||
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
|
||
while (i < input.length) {
|
||
enc1 = _keyStr.indexOf(input.charAt(i++));
|
||
enc2 = _keyStr.indexOf(input.charAt(i++));
|
||
enc3 = _keyStr.indexOf(input.charAt(i++));
|
||
enc4 = _keyStr.indexOf(input.charAt(i++));
|
||
chr1 = (enc1 << 2) | (enc2 >> 4);
|
||
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
|
||
chr3 = ((enc3 & 3) << 6) | enc4;
|
||
output = output + String.fromCharCode(chr1);
|
||
if (enc3 != 64) {
|
||
output = output + String.fromCharCode(chr2);
|
||
}
|
||
if (enc4 != 64) {
|
||
output = output + String.fromCharCode(chr3);
|
||
}
|
||
}
|
||
output = _utf8_decode(output);
|
||
return output;
|
||
}
|
||
// private method for UTF-8 encoding
|
||
_utf8_encode = function (string) {
|
||
string = string.replace(/\r\n/g,"\n");
|
||
var utftext = "";
|
||
for (var n = 0; n < string.length; n++) {
|
||
var c = string.charCodeAt(n);
|
||
if (c < 128) {
|
||
utftext += String.fromCharCode(c);
|
||
} else if((c > 127) && (c < 2048)) {
|
||
utftext += String.fromCharCode((c >> 6) | 192);
|
||
utftext += String.fromCharCode((c & 63) | 128);
|
||
} else {
|
||
utftext += String.fromCharCode((c >> 12) | 224);
|
||
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
|
||
utftext += String.fromCharCode((c & 63) | 128);
|
||
}
|
||
|
||
}
|
||
return utftext;
|
||
}
|
||
|
||
// private method for UTF-8 decoding
|
||
_utf8_decode = function (utftext) {
|
||
var string = "";
|
||
var i = 0;
|
||
var c = c1 = c2 = 0;
|
||
while ( i < utftext.length ) {
|
||
c = utftext.charCodeAt(i);
|
||
if (c < 128) {
|
||
string += String.fromCharCode(c);
|
||
i++;
|
||
} else if((c > 191) && (c < 224)) {
|
||
c2 = utftext.charCodeAt(i+1);
|
||
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
|
||
i += 2;
|
||
} else {
|
||
c2 = utftext.charCodeAt(i+1);
|
||
c3 = utftext.charCodeAt(i+2);
|
||
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
|
||
i += 3;
|
||
}
|
||
}
|
||
return string;
|
||
};
|
||
return {
|
||
encode:encode,
|
||
decode:decode
|
||
}
|
||
})();
|
||
var base64_encode = Base64.encode;
|
||
var base64_decode = Base64.decode; |