练习

// JavaScript Document
/* 2013-11-1 */
/*
*Author:pangzimin
*qq:26983075
*/

var i = 0;

function utab(value){
	var sDisplay = $('#ucate ul').eq(value).css('display');
	if(sDisplay == 'none'){
		$('#ucate ul').eq(value).slideDown();
		$('#ucate h1').eq(value).find('img').attr('src','images/user_up.gif');
	}else{
		$('#ucate ul').eq(value).slideUp();
		$('#ucate h1').eq(value).find('img').attr('src','images/user_down.gif');
	}
}

function selectAll(checkbox){
	$('.goodslist').find('input[type=checkbox]').attr('checked',$(checkbox).attr('checked'));
}

function showStartPage(){
	$('.userc_myorder').add('.userc_myAddress').add('.userc_myCollection').add('.userc_myBrowse').add('.userc_content').hide();
	$('.userc_accountInfo').add('.userc_accountSafe').add('.userc_accountBalance').add('.userc_record').add('.userc_myCredit').add('.userc_myComment').add('.userc_redEnvelope').hide();
	$('#changestitle').html('用户中心');
	$('.userc_content').show();
	$('#orderCenterList li').find('a').removeClass('leftlisthover');
	$('#accountCenterList li').find('a').removeClass('leftlisthover');
}

function closeOrderState(){
	$('.orderstate').hide();
}

$(function() {
	//调试
	/*$('.userc_myorder').add('.userc_myAddress').add('.userc_myCollection').add('.userc_myBrowse').add('.userc_content').hide();
	$('.userc_accountInfo').add('.userc_accountSafe').add('.userc_accountBalance').add('.userc_record').add('.userc_myCredit').add('.userc_myComment').add('.userc_redEnvelope').hide();
	$('.userc_myComment').show();*/
	
	
	var oPic = $('#slider_pic').find('ul');
	var oImg = oPic.find('li');
	var oLen = oImg.length;
	var oLi = oImg.width();
	var prev = $("#prev");
	var next = $("#next");
	
	$('#ucate h1').hover(function (){
		$(this).css('background','#f1f1f1');
	}, function (){
		$(this).css('background','#f9f9f9');
	});
	
	//我的订单
	$('.tooltip').hover(function (){
		
		var index = $(this).parent().parent().index();
		var oState = $('.allorderlist table tr').eq(index).find('.orderstate');
		oState.show();
		
	}, function (){
		var index = $(this).parent().parent().index();
		var oState = $('.allorderlist table tr').eq(index).find('.orderstate');
		oState.hide();	
	});
	
	//起始页无收藏商品设置
	if(oLen == 0){
		$('#slider_pic').html('<span><b>您暂时没有收藏商品！</b>去<a href="#">首页</a>看看！</span>');
	}else{
		oPic.find('li').hover(function (){
			$(this).find('img:first').css('border-color','#ff3333');
		}, function (){
			$(this).find('img:first').css('border-color','#dcdcdc');
		});	
	}
	
	//订单状态
	$('.tracktit a').click(function (){
		var index = $(this).index();
		$('.tracktit a').removeClass('active');
		$(this).addClass('active');
		if(index == 0){
			$('#ordertrack .tabcon').eq(1).addClass('hide');
			$('#ordertrack .tabcon').eq(0).removeClass('hide');
		}else{
			$('#ordertrack .tabcon').eq(0).addClass('hide');
			$('#ordertrack .tabcon').eq(1).removeClass('hide');
		}
	});
	
	//我的评论
	var oCommentList = $('.commentlistinfo .showcommentbt');
	oCommentList.click(function (){
		
		var iCommentIndex = $(this).parent().parent().index();
		
		if($(this).parent().parent().find('.docomment').css('display') == 'none'){
			
			$(this).parent().parent().find('.docomment').slideDown();
			$(this).find('b').attr('class','icon_hide');
		}else{
			$(this).parent().parent().find('.docomment').slideUp();
			$(this).find('b').attr('class','icon_show');
		}
		
	});
	
	//账户信息
	var oTelVerified = $('#telVerified');
	var oEmailVerified = $('#emailVerified');
	if(oTelVerified.attr('verified') == 'true'){
		$('#accountTel').add('#verTel').hide();
		oTelVerified.find('.verified').show();
	}else{
		$('#accountTel').add('#verTel').show();
		oTelVerified.find('.verified').hide();
	}
	if(oEmailVerified.attr('verified') == 'true'){
		$('#accountEmail').add('#verEmail').hide();
		oEmailVerified.find('.verified').show();
	}else{
		$('#accountEmail').add('#verEmail').show();
		oEmailVerified.find('.verified').hide();
	}
	
	//我的红包
	$('.redEnvelope_list .redEnvelope_listtitle:first').css('background','url(images/usercenter/usercenter_19.jpg) no-repeat').css('color','#d21919');
	$('.redEnvelope_list .redEnvelope_listcon:first').css('display','block');
	$('.redEnvelope_list .redEnvelope_listtitle').click(function (){
		var index = $(this).index();
		$('.redEnvelope_list .redEnvelope_listtitle').css('background','url(images/usercenter/usercenter_18.jpg) no-repeat').css('color','#666666');;
		$('.redEnvelope_list .redEnvelope_listcon').css('display','none');
		$('.redEnvelope_list .redEnvelope_listcon').eq(index).css('display','block');
		$(this).css('background','url(images/usercenter/usercenter_19.jpg) no-repeat').css('color','#d21919');;
	});
	
	//收货地址
	var defaultAddress = $('.defaultaddress');
	defaultAddress.find('font').html('（默认送货方式）').show();
	defaultAddress.find('.setdefault').hide();
	defaultAddress.find('.deladdress').hide();
	var oAddressVessel = $('.addressVessel');
	$('.editaddress').click(function (){
		
		var oEditTable = oAddressVessel.eq($(this).index()).find('.addressc table');
		addAddress();
		
	});
	//收货地址表单验证
	$('#btnDoSaveAddress').click(function (){
		var bThrough = true;
		
		var userName = jQuery.trim($('#userName').val());
		var selCountries = jQuery.trim($('#selCountries').val());
		var selProvinces = jQuery.trim($('#selProvinces').val());
		var selCities = jQuery.trim($('#selCities').val());
		var userAddressInfo = jQuery.trim($('#userAddressInfo').val());
		var zipCode = jQuery.trim($('#zipCode').val());
		var userPhone = jQuery.trim($('#userPhone').val());
		var userTel = jQuery.trim($('#userTel').val());
		var userEmail = jQuery.trim($('#userEmail').val());
		
		//为空验证
		if(userName == ''){
			tipFun($('#userNameTip'),'收货人姓名不能为空','red');
			bThrough = false;
		}else{
			tipFun($('#userNameTip'),' ','#3a3a3a');
		}
		if(selCountries == 0 || selProvinces == 0 || selCities == 0){
			tipFun($('#userAddressTip'),'请选择详细地址','red');
			bThrough = false;
		}else{
			tipFun($('#userAddressTip'),'','#3a3a3a');
		}
		if(userAddressInfo == ''){
			tipFun($('#addressInfoTip'),'请填写详细地址','red');
			bThrough = false;
		}else{
			tipFun($('#addressInfoTip'),'（填写详细地址有助于快速配送）','#3a3a3a');
		}
		if(userPhone == '' && userTel == ''){
			tipFun($('#telTip'),'请填写联系电话或固定电话','red');
			bThrough = false;
		}else{
			tipFun($('#telTip'),'','#3a3a3a');
		}
		if(userEmail == ''){
			//暂无
			tipFun($('#EmailTip'),'（用来接收订单提醒邮件，便于您及时了解订单状态）','#3a3a3a');
		}else{
			tipFun($('#EmailTip'),'（用来接收订单提醒邮件，便于您及时了解订单状态）','#3a3a3a');
		}
		if(zipCode == ''){
			//暂无
			tipFun($('#zipCodeTip'),' ','#3a3a3a');
		}else{
			tipFun($('#zipCodeTip'),' ','#3a3a3a');
		}
		
		//非法字符验证
		if(!illegalStr(userName)){
			tipFun($('#userNameTip'),'收货人姓名含有非法字符','red');
			bThrough = false;
		}
		if(!illegalStr(userAddressInfo)){
			tipFun($('#addressInfoTip'),'详细地址含有非法字符','red');
			bThrough = false;
		}
		if(!illegalStr(userPhone) || !illegalStr(userTel)){
			tipFun($('#telTip'),'联系电话或固定电话含有非法字符','red');
			bThrough = false;
		}
		if(!illegalStr(userEmail)){
			tipFun($('#EmailTip'),'邮箱含有非法字符','red');
			bThrough = false;
		}
		if(!illegalStr(zipCode)){
			tipFun($('#zipCodeTip'),'邮政编码含有非法字符','red');
			bThrough = false;
		}else{
			tipFun($('#zipCodeTip'),' ','#3a3a3a');
		}
		
		//联系方式验证	
		if(userPhone != ''){
			if(!checkTel(userPhone)){
				tipFun($('#telTip'),'联系电话或固定电话格式不正确','red');
				bThrough = false;
			}else{
				tipFun($('#telTip'),'','#3a3a3a');
			}
		}
		if(userTel != ''){
			if(!checkTel(userTel)){
				tipFun($('#telTip'),'联系电话或固定电话格式不正确','red');
				bThrough = false;
			}else{
				tipFun($('#telTip'),'','#3a3a3a');
			}
		}
		
		//邮箱验证
		if(userEmail != ''){
			if(!checkEmail(userEmail)){
				tipFun($('#EmailTip'),'邮箱格式不正确','red');
				bThrough = false;
			}else{
				tipFun($('#EmailTip'),'（用来接收订单提醒邮件，便于您及时了解订单状态）','#3a3a3a');
			}
		}
		
		//邮政编码验证	
		if(zipCode != ''){
			if(!isPostalCode(zipCode)){
				tipFun($('#zipCodeTip'),'邮政编码格式不正确','red');
				bThrough = false;
			}
		}
		
	});
	
	//邮政编码验证函数
	function isPostalCode(s)
	{
		var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
		if (!patrn.exec(s)) return false
		return true
	}
	
	//邮箱验证函数
	function checkEmail(value){
		var b = true;
		var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		if(!myreg.test(value))
		{
			b = false;
	   	}
		
		return b;
	}
	
	//联系方式验证函数
	function checkTel(tel)
	{
	   var mobile = /^1[3|5|8]\d{9}$/ , phone = /^0\d{2,3}-?\d{7,8}$/;
	   return mobile.test(tel) || phone.test(tel);
	}
	
	//非法字符验证函数
	function illegalStr(keywords){
		var reg2="~`<>!@#$%^&*()-+/'";
		var b = true;
		for(var i=0;i<keywords.length; i++)
		{
		  var temp=keywords.substring(i,i+1);
		  if(reg2.indexOf(temp)>-1)
		  {
			b = false;
		  }
		}
		return b;
	}
	
	//我的收藏
	$('#recenthistory li .time .dot').css('opacity',0.4);
	var productlist = $('#recenthistory li');
	var firstg = 0;
	productlist.each(function(index, element) {
		if(productlist.eq(index).find('.title').html() == '更早'){
			if(firstg == 0){firstg = index;}
			if(index > firstg){
				productlist.eq(index).find('.title').css('background','none').html('');
			}
		}
    });
	
	productlist.hover(function (){
		$(this).find('.date').stop().animate({top:"62px"});
		$(this).find('.dot').stop().animate({top:"66px",opacity:1});
		$(this).find('.delet').show();
	}, function (){
		$(this).find('.date').stop().animate({top:"46px"});
		$(this).find('.dot').stop().animate({top:"50px",opacity:0.4});
		$(this).find('.delet').hide();
	});
	
	//我的收藏页无收藏商品设置
	//alert($('.userc_myCollection ul .goodslist').length);
	if($('.userc_myCollection ul .goodslist').length == 0){
		$('.userc_myCollection ul').html('<span class="nogoods"><img src="images/usercenter/usercenter_9.jpg" />您暂时没有暂存商品  去<a href="#">首页</a>逛逛！</span>').css('border','none');
	}
	
	oPic.width(oLen * 185);
	oPic.width();
	var iNow = 0;
	var iTimer = null;
	prev.click(function() {
		if (iNow > 0) {
			iNow--;

		}
		ClickScroll();
	})
	next.click(function() {
		if (iNow < oLen - 4) {
			iNow++
		}
		ClickScroll();
	})

	function ClickScroll() {

		//iNow == 0 ? prev.addClass('no_click') : prev.removeClass('no_click');
		//iNow == oLen - 4 ? next.addClass("no_click") : next.removeClass("no_click");

		oPic.animate({
			left: -iNow * 185
		})
	}
	
	//遍历收藏商品的评论等级
	for(i = 0;i < $('.goodsAssess').length;i++){
		var grade = $('.goodsAssess').eq(i).attr('grade');
		$('.goodsAssess').eq(i).width(grade*14);
	}
	
	//订单中心列表
	$('#orderCenterList li').click(function (){
		$('.userc_myorder').add('.userc_myAddress').add('.userc_myCollection').add('.userc_myBrowse').add('.userc_content').hide();
		$('.userc_accountInfo').add('.userc_accountSafe').add('.userc_accountBalance').add('.userc_record').add('.userc_myCredit').add('.userc_myComment').add('.userc_redEnvelope').hide();
		$('#orderCenterList li').find('a').removeClass('leftlisthover');
		$('#accountCenterList li').find('a').removeClass('leftlisthover');
		$(this).find('a').addClass('leftlisthover');
		$('#changestitle').html($(this).find('a').html());
		switch($(this).index()){
			case 0:
				
				$('.userc_myorder').show();
				
				break;
			case 1:
				$('.userc_myAddress').show();
				break;
			case 2:
				$('.userc_myCollection').show();
				break;
			case 3:
				$('.userc_myBrowse').show();
				break;
		}
	});
	
	//账户中心列表
	$('#accountCenterList li').click(function (){
		$('.userc_myorder').add('.userc_myAddress').add('.userc_myCollection').add('.userc_myBrowse').add('.userc_content').hide();
		$('.userc_accountInfo').add('.userc_accountSafe').add('.userc_accountBalance').add('.userc_record').add('.userc_myCredit').add('.userc_myComment').add('.userc_redEnvelope').hide();
		$('#orderCenterList li').find('a').removeClass('leftlisthover');
		$('#accountCenterList li').find('a').removeClass('leftlisthover');
		$(this).find('a').addClass('leftlisthover');
		$('#changestitle').html($(this).find('a').html());
		switch($(this).index()){
			case 0:
				$('.userc_accountInfo').show();
				break;
			case 1:
				$('.userc_accountSafe').show();
				break;
			case 2:
				$('.userc_accountBalance').show();
				break;
			case 3:
				$('.userc_record').show();
				break;
			case 4:
				$('.userc_myCredit').show();
				break;
			case 5:
				$('.userc_myComment').show();
				break;
			case 6:
				$('.userc_redEnvelope').show();
				break;
		}
	});
	
	function tipFun(obj,str,color){
		obj.html(str).css('color',color).show();
	}

});

function addAddress(){
	showBg();
}

function getTop(e){
	var offset=e.offsetTop;
	if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
	return offset;
}

function getLeft(e){
	var offset=e.offsetLeft;
	if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
	return offset;
} 

function closead(){
	$("#fullbg").hide();
	$("#addressInfo").hide();
}

function showBg() {
	$("#fullbg").show();
	$("#fullbg").height(window.screen.height);
	$("#addressInfo").css('left',($('body').width()-$("#addressInfo").width())/2);
	$("#addressInfo").css('top','20%');
	$("#addressInfo").show();
}

function showCashWay(){
	$('.cashway').show();;
}
function closeCashWay(){
	$('.cashway').hide();;
}