dlstatic / static-pnr · Files

/**
 * jinrun
 * 2014-05-22
 * 工具类
 */
// 
// define(function(require, exports, module) {
    // var jquery = require('js/jquery.js');
//     
	var Tools = (function(){
		var self = this;
		this.amHover = function(_cname, _action, _obj){
			var t = 1800;
			if (_obj && _obj.time){
				t = _obj.time;
			}
			function clear(n,a){
				window.setTimeout(function(){
					n.removeClass(a);
				}, t);
			};
			
			if (typeof _cname=='object'){
				if (_cname.hasClass(_action))return false;
				_cname.addClass(_action);
				clear(_cname,_action);
				return false;
			}
			var _tag = $('.'+_cname);
			
			_tag.bind('mouseover', function(){
				if ($(this).hasClass(_action))return false;
				$(this).addClass(_action);
				clear($(this),_action);
			});
			
		};
		
		this.amAdd = function(_cname, _action, _fun){
			var _tag = $('.'+_cname);
			_tag.addClass(_action);
			var timeer = setTimeout(function(){
				clearTimeout(timeer);
				_tag.removeClass(_action);
				if(_fun){_fun()};
			}, 1000);
		};
		
		
		/**
		 * 设置选中状态class
		 * _view : 最外面容器类名
		 * _aView ： 需要绑定的标签
		 * _show ： 需要显示的类名
		 */
		this.setSelected = function(_view, _aView, _show, _obj){			
			function addClass (){
				var _showView = $('.'+_view+' .'+_show);
				var _fView = '.'+_view+' '+_aView;
				var type = 'click';
				if(_obj && _obj.type){
					type = _obj.type;
				};
				$(_fView).live(type, function(){
					if(_showView){
						_showView.removeClass(_show);
					};
					if(_obj && _obj.type == 'change'){
						$(this).parent().parent().parent().addClass(_show);
						_showView = $(this).parent().parent().parent();
					}else{
						$(this).addClass(_show);
						_showView = $(this);
					}
					if(_obj && _obj.fun){
						_obj.fun($(this));
					};
					if($(this).tagName == "a"){
						return false;
					};
				});
				
				this.setIndex = function(index){
					if($(_fView).eq(index)){
						if(_showView){
							_showView.removeClass(_show);
						};
						$(_fView).eq(index).addClass(_show);
						_showView = $(_fView).eq(index);
					}
				};
				
				return this;
			};
			
			return new addClass();
		};
		
		/**
		 *  数量操作事件
		 * 
		 *  参数 obj  json对象
		 *      必填:
		 * 		     obj.add             function
		 * 		     obj.change          function
		 * 		     obj.reduce          function
		 *      选填：
		 * 		     obj.addView         string
		 * 		     obj.changeView      string
		 * 		     obj.reduceView      string
		 * 返回 ：
		 * 		数量添加对象
		 * 方法：
		 * 		showNum()  显示数量操作提示信息
		 * 		参数 ： 
		 * 				_txt ： 显示提示文字
		 * 				_thisView ： 显示对象的窗口this
		 */
		this.numChange = function(_view1, _view2, _view3){
			function DiliNum (){
				//数量减少
				$('.'+_view1).click(function(){
					var num = parseInt($(this).parent().next().find('input').val());
					if(num > 1){
						num -= 1;
						$(this).parent().next().find('input').val(num);
					};
				});
				//显示数值
				var inNum = 1;
				$('.'+_view2).focus(function(){
					inNum = parseInt($(this).val());
				}).blur(function(){
					if(parseInt($(this).val())){
						if(parseInt($(this).val()) >= 10000){
							$(this).val(inNum);
						}else{
							$(this).val(parseInt($(this).val()));
						};
					}else{
						$(this).val(inNum);
					};
				});
				//数量添加
				$('.'+_view3).click(function(){
					var num = parseInt($(this).parent().prev().find('input').val());
					if(num < 9999){
						num += 1;
						$(this).parent().prev().find('input').val(num);
					};
				});
			};
			
			function AjaxChange (){
				var _v1 = $('.increment');
				var _v2 = $('.quantity-text');
				var _v3 = $('.decrement');
				if(_view1.addView){
					_v1 = $('.'+_view1.addView);
				}else if(_view1.changeView){
					_v2 = $('.'+_view1.changeView);
				}else if(_view1.reduceView){
					_v3 = $('.'+_view1.reduceView);
				};
				_v1.live('click', _view1.add);
				_v2.live('change', _view1.change);
				_v3.live('click', _view1.reduce);
				
				this.showNum = function(_txt, _thisView){
					if(_txt == ""){
						$(_thisView).parent().nextAll('.u-emt').animate({'height':'0px'});
					}else{
						$(_thisView).parent().nextAll('.u-emt').html(_txt);
						$(_thisView).parent().nextAll('.u-emt').animate({'height':'auto'});
					}
				};
				
				return this;
			};
			
			var _Nc = null;
			if(_view2){
				_Nc = new DiliNum();
			}else{
				_Nc = new AjaxChange();
			};
			
			return _Nc;
		};
		
		/**
		 * 点击滚动图片
		 * 
		 * 参数 _obj
		 * 		_obj.leftView    左边按钮点击的class
		 * 		_obj.rightView   右边按钮点击的class
		 * 		roollView        滚动视图的class 
		 * 		width  			 单个图片的宽度
		 * 		page             当前滚动的页码
		 * 		lng              滚动个数
		 * 		vLng             滚动视图的总数
		 * 返回
		 * 		Img 滚动的视图对象
		 * 方法
		 * 		无
		 */
		this.rollImages = function(_obj){
			function Img (){
				var config = {
					leftView : 'p-forward',
					rightView: 'p-backward',
					roollView: 'ulmove',
					width: 175,
					page : 0,
					lng : 5,
					vLng : 0,
					islist : false
				};
				config = $.extend(config, _obj);
				$('.'+config.roollView).width(config.vLng * config.width);
				$('.'+config.leftView).click(function(){
					if(config.page < 0){
						config.page += 1;
						am(config.page);
					};
				});
				$('.'+config.rightView).click(function(){
					if((-config.page) < config.lng){
						config.page -= 1;
						am(config.page);
					};
				});
				
				function am(_index){
					$('.'+config.roollView).animate({'left':(_index * config.width)+'px'});
				};
			};
			return new Img();
		};
		
		/**
		 * 解析url方法
		 * 参数
		 * 		paras  必填    解析url参数的 键   key
		 * 		_url   选填    此参数有解析当前参数，无解析当前页面url
		 * 返回：
		 * 		paras 这个key对应的值
		 * 方法：
		 * 		无
		 * 
		 */
		this.request = function(paras, _url){
			var url = ""; 
			if(_url){
				url = _url; 
			}else{
				url = location.href; 
			};
	        var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); 
	        var paraObj = {} 
	        for (i=0; j=paraString[i]; i++){ 
	        	paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length); 
	        } 
	        	var returnValue = paraObj[paras.toLowerCase()]; 
	        if(typeof(returnValue)=="undefined"){ 
	        	return ""; 
	        }else{ 
	        	return returnValue; 
	        } 
		};
		
		/**
		 * 输入框添加对象组件
		 * 参数 ：
		 * 		_view    绑定输入框视图
		 * 返回 ： 
		 * 		AddValue 返回输入框添加对象
		 * 方法：
		 * 		setData 设置绑定视图里面显示的操作数据块
		 * 		参数		
		 * 			data  array   数组对象
		 * 			data[0].txt   显示在数据块的文字
		 * 			data[0].val   显示在数据块的id或者其他重要的值
		 * 
		 */
		this.addValue = function(_view){
			function AddValue (){
				var _p_view = $(_view);
				this.setData = function(data){
					_p_view.html('');
					var _show_view = '';
					var _aData = [];
					for (var i=0; i < data.length; i++) {
					   _show_view += '<div class="a-v-view"><p>'+data[i].txt+'</p><span class="a-v-view-d" inx="'+i+'">×</span></div>';
					   _aData.push(data[i].val);
					};
					_show_view += '<input type="hidden" class="a-v-hidden" value="'+_aData+'" name="'+_p_view.attr('data-name')+'" />';
					_p_view.html(_show_view);
					
					$('.a-v-view-d').click(function(){
						var _index = $(this).attr('inx');
						_index = parseInt(_index);
						_aData.splice(_index, 1);
						$(this).parent().remove();
						_p_view.find('.a-v-hidden').remove();
						var _h_view = '<input type="hidden" class="a-v-hidden" value="'+_aData+'" name="'+_p_view.attr('data-name')+'" />';
						_p_view.append(_h_view);
					});
					
				};
				
				return this;
			};
			
			return new AddValue();
		};
		
		
		/**
		 * 购物车提示信息
		 * 
		 * 参数：
		 * 	  _v   绑定显示框class
		 * 返回     
		 * 	  obj   对象
		 * 方法 ：
		 * 	  obj.load    显示加载loading
		 * 			_this   显示文字框对象
		 * 	  obj.show 	     显示提示文字
		 * 			text  string  为字符时显示文字
		 * 			text  obj     为对象时候
		 * 				text.msg  显示提示文字
		 * 			
		 */
		this.shoppingMsg = function(_v){
			var _view = $('.q-message');
			var _top = 0;
			var _time = null;
			if(_v){
				_view = $('.'+_v);
			};
			$('.q-close').click(function(){
				_view.hide();
				if(_time){
					clearTimeout(_time);
					_time = null;
				};			
			});
			
			return {
				load : function(_this){
					if(_time){
						clearTimeout(_time);
						_time = null;
					};	
					_view.find('.load').show();
					_view.find('.text').hide();
					var top = $(_this).parent().offset().top;
					var left = $(_this).parent().offset().left;
					_top = top - 55;
					_view.css({"top":_top, "left":left - 40}).css({"height":'50px'});
					_view.show();
					self.amAdd('q-message', 'fadeInDown');
				},
				show : function(text){
					_time = setTimeout(function(){
						_view.hide();
						if(_time){
							clearTimeout(_time);
							_time = null;
						};	
					}, 3000);
					_view.animate({"height":'75px', 'top':_top-30}, function(){
						_view.find('.load').hide();
						_view.find('.text').show();
						_view.find('.text').find('p').css('line-height', '30px');
						if(typeof(text) == "string"){
							_view.find('.text').find('p').eq(0).show();
							_view.find('.text').find('p').eq(1).html('小计金额：<b class="q-total">'+text+'</b>');
						}else{
							_view.find('.text').find('p').eq(0).hide();
							_view.find('.text').find('p').eq(1).html(text.msg).css('line-height', '80px');
						};
					});
				}
			}
		};
		
		
		/**
		 *  随机数 
		 */
		this.randomize = function(b,e){   
		    if(!b && b!=0 || !e){return "?";}   
		    return Math.floor( ( Math.random() * e ) + b );   
		};
		
		/**
		 *  打分组件
		 *  参数
		 * 	   _view : 绑定视图的class
		 * 方法：无
		 * 返回：无
		 */
		this.DiliRaty = function(_view, _xv){
			var _xing = 8;
			if(_xv){_xing = _xv};
			$('.'+_view).find('span').width(_xing * 10);
			$('.'+_view).next().html(_xing/2);
			$('.'+_view).mousemove(function(e){
				var xx = e.originalEvent.layerX || e.originalEvent.x || 0; 
				if(xx){xx = e.clientX - $(this).offset().left;};
				if(xx < 1){return false;};
				xx += '';
				var pageX = 0;
				pageX = parseInt(xx.substring(0,1));
				if(xx.substring(1,2) && parseInt(xx.substring(1,2)) > 5){
					pageX += 1;
				};
				$(this).find('span').width(pageX * 10);
				$(this).next().html(+pageX/2);
			});
		};
		
		/**
		 *  格子移动动画 
		 */
		this.getPageCoord = function(_view){
			function getOffset(e) {
			    var target = e.target;
			    if (target.offsetLeft == undefined) {
			        target = target.parentNode;
			    }
			    var pageCoord = getPageCoord(target);
			    var eventCoord = {
			        x: window.pageXOffset + e.clientX,
			        y: window.pageYOffset + e.clientY
			    };
			    var offset = {
			        offsetX: eventCoord.x - pageCoord.x,
			        offsetY: eventCoord.y - pageCoord.y
			    };
			    return offset;
			};
			
			function getPageCoord(element) {
			    var coord = {
			        x: 0,
			        y: 0
			    };
			    while (element) {
			        coord.x += element.offsetLeft;
			        coord.y += element.offsetTop;
			        element = element.offsetParent;
			    }
			    return coord;
			};
			
			$(_view).hover(function(e){
				var _this  = $(this), //闭包
				_desc  = _this.find(".end").stop(true, true),
				width  = 103, //取得元素宽
				height = 103, //取得元素高
				left   = (e.offsetX == undefined) ? getOffset(e).offsetX : e.offsetX, //从鼠标位置，得到左边界，利用修正ff兼容的方法
				top    = (e.offsetY == undefined) ? getOffset(e).offsetY : e.offsetY, //得到上边界
				right  = width - left, //计算出右边界
				bottom = height - top, //计算出下边界
				rect   = {}, //坐标对象，用于执行对应方法。
				_min   = Math.min(left, top, right, bottom), //得到最小值
				_out   = e.type == "mouseleave", //是否是离开事件
				spos   = {}; //起始位置
				rect[left] = function (epos){ //鼠从标左侧进入和离开事件
					spos = {"left": -width, "top": 0};
					if(_out){
						_desc.stop().animate(spos, "fast"); //从左侧离开
					}else{
						_desc.css(spos).stop().animate(epos, "fast"); //从左侧进入
					}
				};
			
				rect[top] = function (epos) { //鼠从标上边界进入和离开事件
					spos = {"top": -height, "left": 0};
					if(_out){
						_desc.stop().animate(spos, "fast"); //从上面离开
					}else{
						_desc.css(spos).stop().animate(epos, "fast"); //从上面进入
					}
				};
			
				rect[right] = function (epos){ //鼠从标右侧进入和离开事件
					spos = {"left": left,"top": 0};
					if(_out){
						_desc.stop().animate(spos, "fast"); //从右侧成离开
					}else{
						_desc.css(spos).stop().animate(epos, "fast"); //从右侧进入
					}
				};
			
				rect[bottom] = function (epos){ //鼠从标下边界进入和离开事件
					spos = {"top": height, "left": 0};
					if(_out){
						_desc.stop().animate(spos, "fast"); //从底部离开
					}else{
						_desc.css(spos).stop().animate(epos, "fast"); //从底部进入
					}
				};
				rect[_min]({"left":0, "top":0}); // 执行对应边界 进入/离开 的方法
			});
		};
		
		/**
		 * tab 滑动选中组件
		 * 参数 ： 
		 * 		 _obj  对象
		 * 		_obj.rollview     滚动位置显示下标视图对象
		 * 		_obj.view         tab监听对象
		 * 		_obj.offset       视图偏移量
		 * 		_obj.istxtwidth   是否要使用文字宽度
		 * 		_obj.bias         文字宽度计算偏差
		 * 返回：无
		 * 方法：无
		 */
		this.tabRolling = function(_obj){
			var config = {
				rollview : 'u-buoy',
				view : 'u-list li',
				offset : 20,
				istxtwidth : false,
				bias : 2
			};
			config = $.extend(config, _obj);
			var width = 0;
			var left = 0;
			$('.'+config.view).hover(function(e){
				left = $(this).position().left;
				width = $(this).width()+config.offset;
				if(config.istxtwidth){
					width = $(this).find('a').width();
					left = left + (($(this).width() - $(this).find('a').width()) / 2) + (config.offset / 2) + config.bias;
				};
				$('.'+config.rollview).stop().animate({"left":left, "width":width}, 300);
			});
		};
		
		
		
		
		
		
		return this;
	})();
	
	
	(function($){
		$.fn.simpleZoom = function(options){
			var defs = {
				zoomBox : "#zoomBox",			//需要放大的区域
				markSize : [200, 100],			//放大镜宽高
				zoomSize : [390, 390],			//需要放大的区域宽高
				zoomImg : [780, 780]			//需要放大的区域的图片的宽高
			};
			var opt = $.fn.extend({}, defs, options);
			return this.each(function(){
				var markBox = $(this);
				var zoomBox = $(opt.zoomBox);
				var zoom_img = $(opt.zoomBox).find("img"); 
				var markBoxSize = [markBox.width(), markBox.height(), markBox.offset().left, markBox.offset().top];
				var markSize = opt.markSize;
				var zoomSize = opt.zoomSize;
				var zoomImg = opt.zoomImg;
				var mark_ele = "<i id='mark'></i>";																							
				var mark_css = {position:"absolute", top:0, left:0, width:markSize[0]+"px", height:markSize[1]+"px", backgroundColor:"#fff", opacity:.5, filter:"alpha(opacity=10)", "-moz-opacity":0.5, display:"none", cursor:"crosshair"};
				
				var show_w = markBoxSize[0]-markSize[0];
				var show_h = markBoxSize[1]-markSize[1];
	
				zoomBox.css({width:zoomSize[0]+"px", height:zoomSize[1]+"px"});
				markBox.append(mark_ele);
				$("#mark").css(mark_css);
	
				markBox.mouseover(function(){
					$("#mark").show();
					zoomBox.show();
				}).mouseout(function(){
					$("#mark").hide();
					zoomBox.hide();
				}).mousemove(function(e){
					var l = e.pageX-markBoxSize[2]-(markSize[0]/2);
					var t = e.pageY-markBoxSize[3]-(markSize[1]/2);
					if(l < 0){
						l = 0;
					}else if(l > show_w){
						l = show_w;
					}
					if(t < 0){
						t = 0;
					}else if(t > show_h){
						t = show_h;
					}
	
					$("#mark").css({left:l+"px", top:t+"px"});
					
					var z_x = -(l/show_w)*(zoomImg[0]-zoomSize[0]);
					var z_y = -(t/show_h)*(zoomImg[1]-zoomSize[1]);
					zoom_img.css({left:z_x+"px", top:z_y+"px"});
				});
			});
		}
	})(jQuery);
	
	
	/**
	 * zzf 
	 * 2014-6-19
	 * 参数 ： 
	 * 		unitlen ： 滚动距离
	 * 		page    ： 滚动数量
	 * 		direction ： 滚动方向
	 * 		time    ：  滚动间隔时间
	 * 		point   :  滚动的视图任意一个小点class
	 * 		pointPage ： 操作下面小点的视图的大小
	 * 		pointView ： 滚动的视图任意一个小点的父窗口
	 * 方法：
	 * 		actionLeft   向前显示
	 * 		actionRight  想后显示
	 */
	(function($){	
		$.fn.dilislider = function(settings){
			//参数
			var _index = 0;
			var _clearTime = null;
			var _timeFun = null;
			var slider = null;
			var _roll = null;
			var _isrollWidth = false;
			
			var config = {
	    		unitlen : $(window).width(),
	    		page : $(this).find('li').length,
	    		view : $(this),
	    		direction : 'left',
	    		time : 7000,
	    		point : '.tab-a a',
	    		pointPage : 19,
	    		pointView : '.tab-a',
	    		ispoint : false
	    	};
			config = $.extend(config, settings);
			
			//add 下标
			if(config.ispoint){
				var _pageDviView = '<div class="tab-a">';
				for (var i=0; i < config.page; i++) {
				   _pageDviView += '<a href="javascript:void(0);" class="'+(i == 0 ? 'on':'')+'"></a>';
				};
				_pageDviView += '</div>';
				$(this).after(_pageDviView);
			};
			$(config.pointView).width(config.page * config.pointPage);
			
			//横滚对象
			function Direction (){
				var _dietion = this;
				this._w = -1 * config.unitlen;
				if($(window).width() == config.unitlen){_isrollWidth = true};
				_dietion.viewWidth(config.unitlen);
				_clearTime = setInterval(function(){
					_roll.right();
				}, config.time);  
			};
			Direction.prototype.am = function(){
				var opet = {'speed':'slow'};
	    		opet[config.direction] = _index * this._w+'px';
	    		config.view.find('ul').stop().animate(opet);
	    		$(config.point).removeClass('on').eq(_index).addClass('on'); 
			};
			Direction.prototype.viewWidth = function(){
				if(config.direction == "left" || config.direction == "right"){
					config.view.find('ul').width(config.page * config.unitlen);
					config.view.find('ul li').width(config.unitlen);
				}else if(config.direction == "top" || config.direction == "bottom"){
					config.view.find('ul').height(config.page * config.unitlen);
					config.view.find('ul li').height(config.unitlen);
				};
			};
			//淡入淡出
			function Fading (){
				this.viewWidth();
				this.upView = config.view.find('ul li').eq(_index).css({"opacity": 1, "z-index": 1});
				_clearTime = setInterval(function(){
					_roll.right();
				}, config.time); 
			};
			Fading.prototype.am = function(){
				if(this.upView){
					this.upView.css({"z-index": 0}).stop().animate({"opacity":0}, 500);
				};
	    		this.upView = config.view.find('ul li').eq(_index).css({"z-index": 1}).stop().animate({"opacity":1}, 1500);
	    		$(config.point).removeClass('on').eq(_index).addClass('on'); 
			};
			Fading.prototype.viewWidth = function(){
				config.view.find('ul li').css({"position":"absolute", "top":"0px", "left":"0px", "width":"100%", "z-index": 0, "opacity": 0});
			};
			//滚动方向
			function Roll (){
				this.roll = null;
			};
			Roll.prototype.left = function(){
				_index -= 1;
				if(_index < 0){
	    			_index = config.page - 1;
	    		}; 		
	    		this.roll.am();
			};
			Roll.prototype.right = function(){
				_index += 1;
				if(_index >= config.page){
	    			_index = 0;
	    		}; 	
	    		this.roll.am();	
			};
			if(config.direction == "fading"){
				slider = new Fading();
			}else{
				slider = new Direction();
			};
			_roll = new Roll();
			_roll.roll = slider;
			
			this.actionLeft = function(){
				_roll.left();
			};
			
			this.actionRight = function(){
				_roll.right();
			};
			
			$(window).resize(function(){  
				 if(config.direction != "fading" && _isrollWidth){
				 	config.unitlen = $(this).width();
				 	slider._w = -$(this).width();
				 	slider.viewWidth();
				 };
				 slider.am();
			});
	    	
	    	//事件点击方法
	    	$(config.point).hover(function(){
	    		_index = $(this).index();
	    		setTimeout(function(){
					slider.am();
				}, 300);
	    		return false;
	    	});
			
			//滚动鼠标悬停
			$(this).click(function(){
//				console.log($(this).find("li"));
			});
	    	
	    	return this;
		}
	})(jQuery);
	
	
	
	/**
	 * jquery 重定义hover事件
	 */
	(function($){
		$.fn.dhover = function(_fun, _sfun){
			var trigger = null;
			var self = this;
			$($(this).selector).hover(function(e){
				var thishover = this;
				this.ufun = _fun;
				trigger = setTimeout(function(){
					thishover.ufun(e);
				}, 200);
			}, function(e){
				this.sfun = _sfun;
				clearTimeout(trigger);
				this.sfun(e);
			});
		}
	})(jQuery);


		/**
		 * jquery 超过 “e”高度出Y轴滚动条 事件
		 */
	function overflow_y(obj, e, i){
		var height_obj;
		if(!i){
			height_obj = obj.height();
		}else{
			height_obj = i;
		}
		
		if(height_obj < e ){
			obj.height(height_obj);
			obj.css("overflow-y","auto");
		}else{
			obj.removeAttr("style");
		}
	}