dlstatic / components · Files

/**
 *  jinrun
 *  2014-05-22
 *  工具类
 */
define( 'tools', function( require, exports ) {
    var Tools;
    Tools = (function () {

        var self = this;


        /**
         * 设置选中状态class
         * _view  :  最外面容器类名
         * _aView ： 需要绑定的标签
         * _show  ： 需要显示的类名
         */
        this.setSelected = function (obj) {

            var Selected = function (data) {
                var $container, $tags;

                var config = {
                    type: 'click',//事件监听类型
                    container: "",//父窗口容器
                    tags: "",//绑定事件标签
                    selected: "act",//设置选中class
                    disabledClass:'disabled',//禁用切换class名
                    cllback: function () {
                    }//事件操作回调
                };

                var methods = {
                    setIndex: function (is) {
                        if(is.hasClass(config.disabledClass) || is.hasClass(config.selected)){
                            return false;
                        };
                        $container.find(config.tags).removeClass(config.selected);
                        is.addClass(config.selected);
                        if (typeof(is.index()) != 'undefined') {
                            config.cllback(is.index(), is);
                        };
                    }
                };

                $.extend(config, data);
                $container = $(config.container);
                $tags = $container.find(config.tags);
                $tags.on(config.type, function ( event ) {
                   if( $tags.is( 'a' ) ){
                        if ( event && event.preventDefault ){  
                            event.preventDefault();  
                        }
                   }

                   if( $( this ).hasClass( config.disabledClass ) ){
                        return;
                   }

                   methods.setIndex($(this));
                });
                this.setIndex = function (index) {
                    if ($tags.eq(index)) {
                        methods.setIndex($tags.eq(index));
                    }
                };

                return this;
            };
            return new Selected(obj);
        };

        /**
         *  数量操作事件
         *
         *  参数 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.numberChange = function () {
            var list = [];//对象池
            var subscript = 0;//当前对象下标

            var NumberChange = function (v, index) {
                var config = {
                    view: $(v),
                    addView: $(v).find(".up") ? $(v).find(".up") : null,
                    reduceView: $(v).find(".down") ? $(v).find(".down") : null,
                    changeView: $(v).find("input") ? $(v).find("input") : null,
                    index: index,
                    maxnum: $(v).find("input").attr("maxmun") ? parseInt($(v).find("input").attr("maxmun")) : 9999,
                    minmun: $(v).find("input").attr("minmun") ? parseInt($(v).find("input").attr("minmun")) : 1,
                    value: 1
                };//数据初始化

                //方法集
                var methods = {
                    update: function () {
                        config.changeView.val(config.value);
                        self.radio.numCallback(config.value, config.view);
                    },
                    tip: function (key) {
                        if (self.radio && self.radio.num) {
                            var text = "";
                            if (key) {
                                text += "该商品最大购买数为" + config.maxnum;
                            } else {
                                text += "该商品最小购买数为" + config.minmun;
                            };
                            self.radio.num(text, config.view);
                        }
                    },
                    interval : function (){
                        config.maxnum = $(v).find("input").attr("maxmun");
                        config.minmun = $(v).find("input").attr("minmun");
                    }
                };

                //检测是否禁用
                if(config.view.hasClass("disabled")){
                    config.changeView.attr("disabled", true);
                    return false;
                };

                //添加事件
                if (config.addView) {
                    config.addView.click(function () {
                        methods.interval();
                        if (config.value < config.maxnum) {
                            config.value += 1;
                            methods.update();
                        } else {
                            methods.tip(1);
                        }
                    });
                }

                //改变事件
                if (config.changeView) {
                    config.value = parseInt(config.changeView.val());
                    config.changeView.change(function () {
                        methods.interval();
                        var value = parseInt($(this).val()) >= 0 ? parseInt($(this).val()) : config.value;
                        if(value < config.minmun){
                            methods.tip(0);
                        }else if(value > config.maxnum){
                            methods.tip(1);
                        }else{
                            config.value = value;
                        };
                        methods.update();
                    });
                }

                //减少事件
                if (config.reduceView) {
                    config.reduceView.click(function () {
                        methods.interval();
                        if (config.value > config.minmun) {
                            config.value -= 1;
                            methods.update();
                        } else {
                            methods.tip(0);
                        }
                    });
                }
                //禁用文本选中
                config.view.parent().bind("selectstart", function(){
                    return false;
                });


                return this;
            };

            $(".counter").each(function () {
                var nc = new NumberChange(this, subscript);
                subscript += 1;
                list.push(nc);
            });//数据绑定创建多个对象

            return list;
        };

        /**
         * 点击滚动图片
         *
         * 参数 _obj
         *        _obj.leftView    左边按钮点击的class
         *        _obj.rightView   右边按钮点击的class
         *        roollView        滚动视图的class
         *        width             单个图片的宽度
         *        page             当前滚动的页码
         *        lng              滚动个数
         *        vLng             滚动视图的总数
         * 返回
         *        Img 滚动的视图对象
         * 方法
         *        无
         */
        this.sollView = function (obj) {
            function SollView() {

                var config = {
                    leftBtn: null,
                    rightBtn: null,
                    sollView: null,
                    view: null,
                    index: 0,
                    width: 0,
                    maxPage: 0,
                    sollWidth: 0,
                    leftWidth: 28,
                    hoverView : null,
                    isasingle : false,
                    callBack: function () {
                    }
                };

                var methods = {
                    animation: function () {
                        config.sollView.stop().animate({'left': (config.index * config.width) + 'px'});
                        config.callBack(config.index, config.maxPage);
                    },
                    upadte: function () {
                        if(config.isasingle){
                            maxPage = config.sollView.find("li").length;
                        }else{
                            var maxPage = parseInt(config.sollView.find("li").length / 4);
                            if (config.sollView.find("li").length % 4) {
                                maxPage += 1;
                            }
                        };
                        try {
                            config.leftWidth = config.sollView.find("li").eq(0).css("marginRight").replace('px', '');
                            config.leftWidth = parseInt(config.leftWidth);
                        } catch (error) {
                            
                        };
                        config.maxPage = maxPage;
                        if(config.isasingle){
                            config.width = config.sollView.find("li").width();
                        }else{
                            config.width = config.sollView.find("li").width() * 4 + config.leftWidth * 4 + 8;
                        };
                        config.sollView.width(config.view.width() * maxPage);
                    }
                };

                config = $.extend(config, obj);
                methods.upadte();

                if(config.leftBtn && config.rightBtn){
                    config.leftBtn.click(function () {
                        if (config.index < 0) {
                            config.index += 1;
                            methods.animation(config.index);
                        };
                    });
                    config.rightBtn.click(function () {
                        if ((-config.index) < (config.maxPage - 1)) {
                            config.index -= 1;
                            methods.animation(config.index);
                        };
                    });
                }else if(config.hoverView){
                    config.hoverView.find("li").bind("mouseover", function () {
                        config.index = 0 - $(this).index();
                        methods.animation(config.index);
                    });
                };

                $(window).resize(function () {
                    config.index = 0;
                    methods.upadte();
                    config.sollView.css({"left": 0});
                    config.callBack(config.index, config.maxPage);
                });

                config.callBack(config.index, config.maxPage);

                this.updateInfo = function (data) {
                    config = $.extend(config, data);
                    methods.upadte();
                    config.sollView.css({"left": 0});
                    config.callBack(config.index, config.maxPage);
                };

                return this;
            };

            return new SollView();
        };

        /**
         * 解析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 (var 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;
            }
        };
        /**
         * js 读写cookie 操作
         *
         */
        this.cookie = (function(){
            //这是有设定过期时间的使用示例：
            //s20是代表20秒
            //h是指小时，如12小时则是：h12
            //d是天数，30天则：d30
            function getsec(str){
                var str1=str.substring(1,str.length)*1;
                var str2=str.substring(0,1);
                if (str2=="s"){
                    return str1*1000;
                }else if (str2=="h") {
                    return str1*60*60*1000;
                } else if (str2=="d"){
                    return str1*24*60*60*1000;
                };
            };
            function getcookie (name){
                var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
                if(arr=document.cookie.match(reg))
                    return (arr[2]);
                else
                    return null;
            };
            return {
                set : function(name, value, time){
                    var strsec = getsec(time);
                    var exp = new Date();
                    exp.setTime(exp.getTime() + strsec*1);
                    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
                },
                get : function(name){
                    return getcookie(name);
                },
                remove : function(name){
                    var exp = new Date();
                    exp.setTime(exp.getTime() - 1);
                    var cval = getcookie(name);
                    if(cval!=null)
                        document.cookie= name + "="+cval+";expires="+exp.toGMTString();
                }
            }
        })();

        /**
         * 输入框添加对象组件
         * 参数 ：
         *        _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(1, 0));
                if (pageX % 2 != 0) {
                    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);
            });
        };

        /**
         * 短信接收时间倒计时
         * @param view
         */
        this.securitycode = function(view){
            var time = 60;
            var btn = $(view);
            btn.addClass("gray-btn");
            var date = setInterval(function(){
                if(0 >= time){
                    clearInterval(date);
                    btn.html("获取验证码");
                    time = 60;
                    btn.removeClass("gray-btn");
                    return false;
                };
                btn.html(time+"s重新获取");
                time --;
            }, 1000);
        };



        this.radio = {
            num: function () {
            },
            numCallback: function () {
            }
        };

        return this;
    })();
	
	
	/**
	 * zzf 
	 * 2014-6-19
	 * 参数 ： 
	 * 		unitlen ： 滚动距离
	 * 		page    ： 滚动数量
	 * 		direction ： 滚动方向
	 * 		time    ：  滚动间隔时间
	 * 		point   :  滚动的视图任意一个小点class
	 * 		pointPage ： 操作下面小点的视图的大小
	 * 		pointView ： 滚动的视图任意一个小点的父窗口
	 * 方法：
	 * 		actionLeft   向前显示
	 * 		actionRight  想后显示
	 */
	(function($){	
		$.fn.dilislider = function(options){
			var settings ={
				affect: 'scrollx', //效果  有scrollx|scrolly|fade|none
				speed: 500, //动画速度
				space: 6000, //时间间隔
				auto: true, //自动滚动
				trigger: 'mouseover', //触发事件 注意用mouseover代替hover
				conbox: 'ul', //内容容器id或class
				ctag: 'li', //内容标签 默认为<a>
				switcher: '.tab-a', //切换触发器id或class
				stag: 'a', //切换器标签 默认为a
				current:'on', //当前切换器样式名称
				rand:false //是否随机指定默认幻灯图片
			};
			//前版本兼容
			if(options.point){
				options.switcher = options.point.split(" ")[0];
				options.stag = options.point.split(" ")[1]
			};
			settings = $.extend({}, settings, options);
			var index = 1;
			var last_index = 0;
			var $conbox = $(this).find(settings.conbox),$contents = $conbox.find(settings.ctag);
			var $switcher = $(settings.switcher),$stag = $switcher.find(settings.stag);
			if(settings.rand) {index = Math.floor(Math.random()*$contents.length);slide();}
			if(settings.affect == 'fade'){
				$.each($contents,function(k, v){(k === 0) ? $(this).css({'position':'absolute','z-index':9}):$(this).css({'position':'absolute','z-index':1,'opacity':0});});
			};
			function slide(){if (index >= $contents.length) index = 0;
				$stag.removeClass(settings.current).eq(index).addClass(settings.current);
				switch(settings.affect){case 'scrollx':
						$conbox.width($contents.length*$contents.width());
						$conbox.stop().animate({left:-$contents.width()*index},settings.speed);
						break;
					case 'scrolly':
						$contents.css({display:'block'});
						$conbox.stop().animate({top:-$contents.height()*index+'px'},settings.speed);
						break;
					case 'fade':
						$contents.eq(last_index).stop().animate({'opacity': 0}, settings.speed/2).css('z-index',1)
								 .end()
								 .eq(index).css('z-index',9).stop().animate({'opacity': 1}, settings.speed/2)
						break;
					case 'none':
						$contents.hide().eq(index).show();
						break;
				}
				last_index = index;
				index++;
			};
			if(settings.auto) var Timer = setInterval(slide, settings.space);
			$stag.bind(settings.trigger,function(){_pause()
				index = $(this).index();
				slide();
				_continue()
			});
			$conbox.hover(_pause,_continue);
			function _pause(){
				clearInterval(Timer);
			}
			function _continue(){
				if(settings.auto)Timer = setInterval(slide, settings.space);
			}	
		},//聚焦延时事件
		$.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 重定义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");
		}
	}
	
	return Tools;
});