https://paimpol-goelo.com/sites/ot-paimpol/themes/theme_base/js/script.js?v

1$(document).ready(function(){
2	$('#bandeau_anime').innerfade({
3		animationtype: 'fade',
4		speed: 'slow',
5		timeout: 4000,
6		type: 'sequence',
7		containerheight: '205px'
8	});
9	
10	etatLabel();
11	validation();
12	
13	
14	// Vue fiches séjours
15	$("a.bt_fiche_sejour_detail").live("click", function(){
16		// Récupèration de l'id fiche
17		var id_fiche = $(this).parents(".views-field-nothing").attr("id");
18		var selector = "#"+id_fiche+" .fiche_sejour_descript_detail";
19		
20		// Si il y a la classe "display_none", alors l'affichage détail est masqué -> on l'affiche
21		if( $(selector).hasClass("fiche_sejour_display_none") ){
22			$(selector).slideDown("fast");
23			$(selector).removeClass("fiche_sejour_display_none");
24		}
25		// Sinon, il n'est pas masqué -> on le masque
26		else{
27			$(selector).slideUp("fast");
28			$(selector).addClass("fiche_sejour_display_none");
29		}
30		return false;
31	});
32	
33});
34
35function etatLabel(){
36	//Nom
37	$('#edit-submitted-votre-nom-wrapper input').focus(function() {
38		$("#edit-submitted-votre-nom-wrapper label").addClass("activeFocus");
39	});
40	$('#edit-submitted-votre-nom-wrapper input').blur(function() {
41		$("#edit-submitted-votre-nom-wrapper label").removeClass("activeFocus");
42	});
43	
44	//Mail
45	$('#edit-submitted-votre-adresse-email-wrapper input').focus(function() {
46		$("#edit-submitted-votre-adresse-email-wrapper label").addClass("activeFocus");
47	});
48	$('#edit-submitted-votre-adresse-email-wrapper input').blur(function() {
49		$("#edit-submitted-votre-adresse-email-wrapper label").removeClass("activeFocus");
50	});
51	
52	//Sujet
53	$('#edit-submitted-sujet-wrapper input').focus(function() {
54		$("#edit-submitted-sujet-wrapper label").addClass("activeFocus");
55	});
56	$('#edit-submitted-sujet-wrapper input').blur(function() {
57		$("#edit-submitted-sujet-wrapper label").removeClass("activeFocus");
58	});
59	
60	//Message
61	$('#webform-component-message textarea').focus(function() {
62		$("#webform-component-message label").addClass("activeFocus");
63	});
64	$('#webform-component-message textarea').blur(function() {
65		$("#webform-component-message label").removeClass("activeFocus");
66	});
67}
68
69function validation(){
70	idForm = "#webform-client-form-146";//Identifiant du formulaire
71	submitForm = "#edit-submit";//Identifiant du submit
72
73	$(idForm+" input").after('<span class="erreurForm"></span>');//Ajouter une zone pour afficher l'erreur
74	$(idForm+" textarea").after('<span class="erreurForm"></span>');//Ajouter une zone pour afficher l'erreur
75	
76	$(idForm+" "+submitForm).click(function(){
77		valide = true;
78		
79		//Nom
80		if($(idForm+" #edit-submitted-nom").val() == ""){
81			$(idForm+" #edit-submitted-nom").next(".erreurForm").fadeIn().text("Le nom est obligatoire.");
82			valide = false;
83			}
84			else{
85				$(idForm+" #edit-submitted-nom").next(".erreurForm").fadeOut();
86				}
87		
88		//Courriel
89		if($(idForm+" #edit-submitted-mail").val() == ""){
90			$(idForm+" #edit-submitted-mail").next(".erreurForm").fadeIn().text("Le courriel est obligatoire.");
91			valide = false;
92			}
93			else if (!$(idForm+" #edit-submitted-mail").val().match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/i)){
94					$(idForm+" #edit-submitted-mail").next(".erreurForm").fadeIn().text("Le courriel n'est pas valide.");
95					valide = false;		
96				}
97				else{
98					$(idForm+" #edit-submitted-mail").next(".erreurForm").fadeOut();
99					}
100				
101		//Message
102		if($(idForm+" #edit-submitted-texte-de-mon-message").val() == ""){
103			$(idForm+" #edit-submitted-texte-de-mon-message").next(".erreurForm").fadeIn().text("Le message est obligatoire.");
104			valide = false;
105			}
106			else{
107				$(idForm+" #edit-submitted-texte-de-mon-message").next(".erreurForm").fadeOut();
108				}
109				
110		return valide;
111	});
112}