www.gusucode.com > 200套html5精品模板76_100 > 097/js/scripts.js

    // All functions

$(document).ready(function() { 
	
	// portfolio hover
	portHover();
	
	// tabs function 
	$(".tabToggle").hide(); // Hide all tab conten divs by default
	$(".tabToggle:first").show(); // Show the first div of tab content by default
	
	$(".doTab ul li a").click(function(){ //Fire the click event
		
		var activeTab = $(this).attr("href"); // Catch the click link
		$(".doTab ul li ").removeClass("active"); // Remove pre-highlighted link
		$(this).parent('li').addClass("active"); // set clicked link to highlight state
		$(".tabToggle").hide(); // hide currently visible tab content div
		$(activeTab).fadeIn(); // show the target tab content div by matching clicked link.
		adjustPole();
		return false;
	});
	
	
	// form validation 
	$("#contactSubmit").click(function(e){
		e.preventDefault();
		
		var error  = false;
		var name   = $("#name").val();
		var email  = $("#email").val();
		var message= $("#message").val();
		var regex  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
		
		// remove default values 
		if(name == "Name"){
			name = "";
		}
		if(email == "Email"){
			email = "";
		}
		if(message == "Message"){
			message = "";
		}
		
		if($.trim(name).length == 0){
			var error = true;
			$(".name_error").animate({left:"0", zIndex:1},100);
			$("#name").css('border-color','#FF0000');
		}else{
			$(".name_error").animate({left:"-52px", zIndex:-1},300);
			$("#name").css('border-color','#CCCCCC');
		}
		
		if($.trim(email).length == 0 || regex.test(email) == false){
			var error = true;
			$(".email_error").animate({left:"0px", zIndex:1},100);
			$("#email").css('border-color','#FF0000');
		}else{
			$(".email_error").animate({left:"-52px", zIndex:-1},300);
			$("#email").css('border-color','#CCCCCC');
		}
		
		if($.trim(message).length == 0){
			var error = true;
			$("#message").css('border-color','#FF0000');
		}else{
			$("#message").css('border-color','#CCCCCC');
		}
		if(error == false){
			$.post("contact-submit.php",{name:name, email:email, message:message},function(data){
				if(data == "sent"){
					$(".alert-success").removeClass('hide').delay(3000).queue(function (){
						$(this).addClass('hide');
					});
					$("#contactForm")[0].reset();
				}else{
					$(".alert-error").removeClass('hide').delay(3000).queue(function (){
						$(this).addClass('hide');
					});
				}
			});
			
		}
	});

});

$(window).load(function() { 
	// set the height of ribbonBg
	adjustPole();
});
$(window).resize(function() { 
	// set the height of ribbonBg
	adjustPole();
});
function adjustPole() {
	$(".ribbonBg").css('height',($(".contant-area").innerHeight() + 40));
}

function findFocus(obj)
{
	if(obj.type=="textarea")
		if(obj.innerHTML==obj.title)obj.innerHTML='';
	else
		if(obj.value==obj.title)obj.value='';
}

function looseFocus(obj)
{
	if(obj.type=="textarea")
		if(obj.innerHTML=='')obj.innerHTML=obj.title;
	else
		if(obj.value=='')obj.value=obj.title;	
}

function portHover() { 
	// hover function for portfolio
	$(".port-hover").hover(function() { 
		
		var boxMH = (($(this).height() / 2) - 21 );
		$(this).children(".display-link").children('a').css('top',boxMH);
	
		var boxMW = (($(this).width() / 2 ) - 21 );
		
		$(this).children(".display-link").show('fast',function() { 
			$(this).children('a').animate({left:boxMW},100);	
		});
		
	},function() {  
		$(this).children(".display-link").children('a').animate({left:0},100,function() {
			$(this).parent(".display-link").hide();
		})
	});
}