$(function(){ /**********************************************************/ /*Fonction de coins arrondis*/ if(!$.browser.msie){ $('.corner,.module,#content,.venteflash,#fichevehicule,#formulairevehicule').corner(); $('#aside').corner(); $('#aside h3').corner("top"); $('#aside iframe').corner("bottom"); $('#fichevehicule3').corner('right'); $('.corner-rech').corner('right'); $('.corner-top').corner('top'); $('.corner-bottom').corner('bottom'); } /**********************************************************/ /*Fonction d'onglets*/ // $("#tabs-vehicule,#tabs-recherche").boxShadow( 0, 0, 8, "#000000" ); $("#tabs-vehicule,#tabs-recherche").corner(); $("#tabs-vehicule .tab-info,#tabs-recherche .tab-info").corner(); $("#tabs-vehicule > ul.tab > li").click(function(){ $(".tab-info", "#tabs-vehicule").css("display","none"); $("#"+$(this).attr("data-tab"), "#tabs-vehicule").css("display","block"); $("#tabs-vehicule > ul.tab > li").removeClass("actif"); $(this).addClass("actif"); }); $("#"+$("#tabs-recherche > ul.tab > li.actif").attr("data-tab"), "#tabs-recherche").css("display","block"); $("#tabs-recherche > ul.tab > li").click(function(){ $(".tab-info", "#tabs-recherche").css("display","none"); $("#"+$(this).attr("data-tab"), "#tabs-recherche").css("display","block"); $("#tabs-recherche > ul.tab > li").removeClass("actif"); $(this).addClass("actif"); }); /*Fonction de retour recherche simple / avancée*/ $(".rech-avancee").click(function(){ $(this).prev("form").slideUp("fast"); $(this).slideUp("fast"); $(this).next(".recherche-avancee").slideDown("fast"); return false; }); $(".retour-simple").click(function(){ $(".recherche-simple").slideDown(400); $(".recherche-simple").next("p").slideDown(400); $(this).parents(".recherche-avancee").slideUp(400); return false; }); /**********************************************************/ count_result();count_result_vo();count_result_util(); $(".recherche-avancee input[type=checkbox]").click(function(){ count_result(); }); $(".r2 input[type=checkbox]").click(function(){ count_result_vo(); }); $("#sliderCO .left-handle, #sliderCO .right-handle, #sliderCO").mouseup(function(){ count_result(); }); $("#vo-sliderCO .left-handle, #vo-sliderCO .right-handle, #vo-sliderCO").mouseup(function(){ count_result_vo(); }); $("#sliderBud .left-handle, #sliderBud .right-handle, #sliderBud").mouseup(function(){ count_result(); }); $("#vo-sliderBud .left-handle, #vo-sliderBud .right-handle, #vo-sliderBud").mouseup(function(){ count_result_vo(); }); /**********************************************************/ /**********************************************************/ // FONCTION POUR FAIRE APPARAITRE LES CALENDRIER JQUERY UI $(".input-date").datepicker({ showOn: "both", // apparition du calendrier au focus sur l'input ET au clic sur le picto du calendrier buttonImage: "http://emotors.fr/img/calendar.png", // chemin vers le picto calendrier buttonImageOnly: true, // afficher le pictogramme du calendrier a coté du champ input dateFormat : "dd/mm/yy", // format de la date yearRange : '1950:1995', // Nombre d'années affichées dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'], // Format d'affichage des jours de la semaine monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jui','Juil','Août','Sep','Oct','Nov','Déc'], // Format d'affichage des mois de l'année (en condensé) monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'], // Format d'affichage des mois de l'année en toutes lettres buttonText: 'Sélectionner la date', // Titre au survol du picto de calendrier changeMonth: true, // possibilité de pouvoir changer les mois à partir d'un select changeYear: true // possibilité de pouvoir changer les années à partir d'un select }); /*Fonction d'apparition du menu de log compte*/ $("#menu #mon-compte-log").click(function(){ $log = $("#mon-compte"); if($log.css("display") == "none"){ $(this).addClass("open-log"); $log.slideDown("fast"); }else{ $(this).removeClass("open-log"); $log.slideUp("fast"); } return false; }); $("#mon-compte").bind("mouseleave", function(e){ $("body").click(function(){ $log = $("#mon-compte"); $log.slideUp("fast",function(){$("#menu #mon-compte-log").removeClass("open-log");}); }); }); $("#mon-compte").bind("mouseenter", function(e){ $("body").unbind("click"); }); /**********************************************************/ /*Fonction de parsage des marques et modèles*/ //recherche liste_modele(); liste_version(); /**********************************************************/ //Fonction de la page de présentation $("#aside .menu-pres li a:not(.no-action)").click(function(){ $this = $(this); $link = $this.attr("data-link"); if(!$this.hasClass("actif")){ $("#aside .menu-pres li a").removeClass("actif"); $this.addClass("actif"); presentation($link); } return false; }); /**********************************************************/ /*Application de la fonction de la page "comment faire"*/ $(".div_faq."+$(".menu-faq li a.actif").attr("data-link")).show(); $("#aside .menu-faq li a").click(function(){ $this = $(this); $link = $this.attr("data-link"); $container = $(".comment-faire"); if(!$this.hasClass("actif")){ $("#aside .menu-faq li a").removeClass("actif"); $this.addClass("actif"); $(".div_faq", $container).slideUp("slow");$("."+$link, $container).slideDown("slow"); } return false; }); // $('.div_faq .ouvert').next('div').show(); $('.div_faq h3').click(function(){ if(!$(this).hasClass('ouvert')){ $('.div_faq h3').removeClass('ouvert').next('div').slideUp('slow'); $(this).next('div').slideDown('slow', function(){ $(this).prev('h3').addClass('ouvert');}); } return false; }); /**********************************************************/ // Remplacer les h4 de classe "warning_ui" automatiquement par le warning jquery ui var $warn = $("h4.warning_ui"); var $text_warn = $warn.text(); $div_warn = '
'+ '
'+ '

'+ $text_warn+'

'+ '
'+ '
'; $($div_warn).insertAfter($warn); $warn.hide(); // Remplacer les h4 de classe "alerte_ui" automatiquement par l'alerte jquery ui var $alerte = $("h4.alerte_ui"); var $text_alerte = $alerte.text(); $div_alerte = '
'+ '
'+ '

'+ $text_alerte+'

'+ '
'+ '
'; $($div_alerte).insertAfter($alerte); $alerte.hide(); /**********************************************************/ //prix fiche vehicule $('#prix_livraison').change(function(){ $('.prix_livraison').html(parseInt($('#prix_livraison option:selected').attr('data-liv-prix'),10)); // alert($('.prix_base_emotors').text()); prix_total(); }); $('#form_op_inclus input[type="checkbox"]').click(function(){ if($(this)[0].checked){ var prixop=parseInt($(this).val().replace(" ",""),10); $('.prix_op').html((parseInt($('.prix_op').text().replace(" ",""),10)+prixop).toFixed(2)); } else{ var prixop=parseInt($(this).val().replace(" ",""),10); $('.prix_op').html((parseInt($('.prix_op').text().replace(" ",""),10)-prixop).toFixed(2)); } prix_total(); }); $('#form_acc_inclus input[type="checkbox"]').click(function(){ if($(this)[0].checked){ var prixacc=parseInt($(this).val().replace(" ",""),10); $('.prix_acc').html((parseInt($('.prix_acc').text().replace(" ",""),10)+prixacc).toFixed(2)); } else{ var prixacc=parseInt($(this).val().replace(" ",""),10); $('.prix_acc').html((parseInt($('.prix_acc').text().replace(" ",""),10)-prixacc).toFixed(2)); } prix_total(); }); var prixcouleur=0; $('#form_cou input[type="radio"]').click(function(){ var prixcou=parseInt($(this).attr('data-cou-prix').replace(" ",""),10)-prixcouleur; $('.prix_op').html((parseInt($('.prix_op').text().replace(" ",""),10)+prixcou).toFixed(2)); prixcouleur=parseInt($(this).attr('data-cou-prix').replace(" ",""),10); prix_total(); }); //listing $('.btnfichevehicule').each(function(){ $(this).toggle(function(){ //alert($(this).parents('.vehicule_listing').attr('data-version')); var $this=$(this); $('.sous_listing').hide(); var url = webpath+'js/ajax-liste-version_v1.php'; // var value = $this.parents('.vehicule_listing').attr('data-version'); // var id = $this.parents('.vehicule_listing').attr('data-id'); var value = $this.children('.vehicule_listing').attr('data-version'); var id = $this.children('.vehicule_listing').attr('data-id'); $.ajax({ url : url, type : 'post', data : {'ajax_VNVersion' : value}, success : function(data){ // alert(data); if(data != ""){ // $this.parents('.vehicule_listing').after(data); $this.after(data); // return false; }else window.location.href= $this.attr("href"); } }); return false; },function(){ $('.sous_listing').slideUp(500); }); }); //listing2 $('.btnfichevehicule2').each(function(){ $(this).toggle(function(){ //alert($(this).parents('.vehicule_listing').attr('data-version')); var $this=$(this); $('.sous_listing').hide(); var url = webpath+'js/ajax-liste-version.php'; // var value = $this.parents('.vehicule_listing').attr('data-version'); // var id = $this.parents('.vehicule_listing').attr('data-id'); var value = $this.children('.vehicule_listing').attr('data-version'); var value2 = $this.children('.vehicule_listing').attr('data-dispo'); var id = $this.children('.vehicule_listing').attr('data-id'); $.ajax({ url : url, type : 'post', data : {'ajax_VNVersion' : value,'ajax_VNDispo' : value2}, success : function(data){ // alert(data); if(data != ""){ // $this.parents('.vehicule_listing').after(data); $this.after(data); // return false; }else window.location.href= $this.attr("href"); } }); return false; },function(){ $('.sous_listing').slideUp(500); }); }); //fiche vehicule $(".tooltip").simpletooltip(); /*******************************************************************************/ /*Demande de devis fiche véhicule*/ /*******************************************************************************/ //Ouverture de fancybox $("#btn_devis, #btn_sel, #btn_res").fancybox({ padding:0, 'scrolling':'no', 'onClosed':function(){ $(".error").hide(); $("#f_ins_devis .submit, #f_ins_sel .submit").css("margin-top","10px"); $("#f_log_devis .submit, #f_log_sel .submit").css("margin-top","30px"); } }); //Au clic sur le bouton "créer un compte" on change de formulaire et inversement $("#f_log .create").click(function(){ $("#f_log").slideUp(500, function(){ $("#fancybox-wrap, #fancybox-content").css("width","310px"); $("#fancybox-content div").css({"width":"310px","overflow-x":"hidden"}); $($("#f_log .create").attr("href")).slideDown(500); $.fancybox.center(); }); return false; }); $("#f_ins .create").click(function(){ $("#f_ins").slideUp(500, function(){ $("#fancybox-wrap, #fancybox-content").css("width","200px"); $("#fancybox-content div").css({"width":"200px","overflow-x":"hidden"}); $($("#f_ins .create").attr("href")).slideDown(500); $.fancybox.center(); }); return false; }); var emailRegex = /^\w[[\w\-\_\.]*\w@\w[\w\_\-\.]*\w\.\w{2,4}$/; //A l'envoi des données du formulaire $("#f_ins_devis").submit(function(){ var cpt = 0; if($("#nom").val() == "") cpt=1; if($("#prenom").val() == "") cpt=1; if($("#email").val() == "" || !$("#email").val().match(emailRegex)) cpt=1; if(cpt == 0){ var url = "js/ajax-inscription.php"; $.ajax({ url : url,type : 'post',data : $(this).serialize(), success : function(data){ if(data == "email_existant"){ // $.fancybox("

Le devis a été ajouté à votre compte, vous le recevrez par mail sous peu.

",{padding:1,'onClosed':function(){$("#f_fiche").submit();}}); $("#f_fiche").submit(); } if(data == "inscription_ok"){ // $.fancybox("

Votre inscription a bien été enregistrée. Merci et bienvenue chez E-motors.
Vous pourrez à tout moment consulter votre devis dans l'espace client une fois connecté.

",{padding:1,'onClosed':function(){$("#f_fiche").submit();}}); $("#f_fiche").submit(); } },error : function(){alert("erreur ajax");} }); }else{ $("#f_ins_devis .submit").css("margin-top","4px"); $("#rep_ins_form").css("display","block").html("Tous les champs marqués d'une étoile doivent être remplis."); $.fancybox.resize(); } return false; }); $("#f_log_devis").submit(function(){ var cpt = 0; if($("#login").val() == "" || !$("#login").val().match(emailRegex)) cpt=1; if($("#password").val() == "") cpt=1; if(cpt == 0){ var url = "js/ajax-inscription.php"; $.ajax({ url : url,type : 'post',data : $(this).serialize(), success : function(data){ // alert(data); if(data == "log_ok"){ // $.fancybox("

Votre connexion s'est bien effectuée

",{padding:1,'onClosed':function(){$("#f_fiche").submit();} }); $("#f_fiche").submit(); } if(data == "log_no"){ $("#f_log_devis .submit").css("margin-top","4px"); $("#rep_log_form").css("display","block").html("E-mail ou mot de passe incorrect."); $.fancybox.resize(); } } }); }else{ $("#f_log_devis .submit").css("margin-top","4px"); $("#rep_log_form").css("display","block").html("Tous les champs marqués d'une étoile doivent être remplis."); $.fancybox.resize(); } return false; }); /*******************************************************************************/ /*******************************************************************************/ /*******************************************************************************/ /*Demande de sélection fiche véhicule*/ /*******************************************************************************/ //Au clic sur le bouton "créer un compte" on change de formulaire et inversement $("#fs_log .create").click(function(){ $("#fs_log").slideUp(500, function(){ $("#fancybox-wrap, #fancybox-content").css("width","310px"); $("#fancybox-content div").css({"width":"310px","overflow-x":"hidden"}); $($("#fs_log .create").attr("href")).slideDown(500); $.fancybox.center(); }); return false; }); $("#fs_ins .create").click(function(){ $("#fs_ins").slideUp(500, function(){ $("#fancybox-wrap, #fancybox-content").css("width","200px"); $("#fancybox-content div").css({"width":"200px","overflow-x":"hidden"}); $($("#fs_ins .create").attr("href")).slideDown(500); $.fancybox.center(); }); return false; }); var emailRegex = /^\w[[\w\-\_\.]*\w@\w[\w\_\-\.]*\w\.\w{2,4}$/; //A l'envoi des données du formulaire //Inscription $("#f_ins_sel").submit(function(){ var cpt = 0; if($("#nom_sel").val() == "") cpt=1; if($("#prenom_sel").val() == "") cpt=1; if($("#email_sel").val() == "" || !$("#email_sel").val().match(emailRegex)) cpt=1; if(cpt == 0){ // Si tout est rempli on envoie get_selection($(this).attr("id")); }else{ $("#f_ins_sel .submit").css("margin-top","4px"); $("#rep_ins_sel").css("display","block").html("Tous les champs marqués d'une étoile doivent être remplis."); $.fancybox.resize(); } return false; }); //Connexion $("#f_log_sel").submit(function(){ var cpt = 0; if($("#login_sel").val() == "" || !$("#login_sel").val().match(emailRegex)) cpt=1; if($("#password_sel").val() == "") cpt=1; if(cpt == 0){ // Si tout est rempli on envoie get_selection($(this).attr("id")); }else{ $("#f_log_sel .submit").css("margin-top","4px"); $("#rep_log_sel").css("display","block").html("Tous les champs marqués d'une étoile doivent être remplis."); $.fancybox.resize(); } return false; }); /*******************************************************************************/ /*Demande de réservation fiche véhicule*/ /*******************************************************************************/ $("#f_fiche input[name=f_resa_envoyer]").click(function(){ // alert("reservation"); $("#f_fiche").attr("action","devis/crea_veh_resa.php").submit(); // alert($("#f_fiche").attr("action")); return false; }); //Au clic sur le bouton "créer un compte" on change de formulaire et inversement $("#fr_log .create").click(function(){ $("#fr_log").slideUp(500, function(){ $("#fancybox-wrap, #fancybox-content").css("width","310px"); $("#fancybox-content div").css({"width":"310px","overflow-x":"hidden"}); $($("#fr_log .create").attr("href")).slideDown(500); $.fancybox.center(); }); return false; }); $("#fr_ins .create").click(function(){ $("#fr_ins").slideUp(500, function(){ $("#fancybox-wrap, #fancybox-content").css("width","200px"); $("#fancybox-content div").css({"width":"200px","overflow-x":"hidden"}); $($("#fr_ins .create").attr("href")).slideDown(500); $.fancybox.center(); }); return false; }); var emailRegex = /^\w[[\w\-\_\.]*\w@\w[\w\_\-\.]*\w\.\w{2,4}$/; //A l'envoi des données du formulaire //Inscription $("#f_ins_res").submit(function(){ var cpt = 0; if($("#nom_res").val() == "") cpt=1; if($("#prenom_res").val() == "") cpt=1; if($("#email_res").val() == "" || !$("#email_res").val().match(emailRegex)) cpt=1; if(cpt == 0){ // Si tout est rempli on envoie var url = "js/ajax-inscription.php"; $.ajax({ url : url,type : 'post',data : $(this).serialize(), success : function(data){ if(data == "email_existant"){ $("#f_fiche").attr("action","devis/crea_veh_resa.php").submit(); } if(data == "inscription_ok"){ $("#f_fiche").attr("action","devis/crea_veh_resa.php").submit(); } },error : function(){alert("erreur ajax");} }); }else{ $("#f_ins_res .submit").css("margin-top","4px"); $("#rep_ins_res").css("display","block").html("Tous les champs marqués d'une étoile doivent être remplis."); $.fancybox.resize(); } return false; }); //Connexion $("#f_log_res").submit(function(){ var cpt = 0; if($("#login_res").val() == "" || !$("#login_res").val().match(emailRegex)) cpt=1; if($("#password_res").val() == "") cpt=1; if(cpt == 0){ // Si tout est rempli on envoie var url = "js/ajax-inscription.php"; $.ajax({ url : url,type : 'post',data : $(this).serialize(), success : function(data){ // alert(data); if(data == "log_ok"){ $("#f_fiche").attr("action","devis/crea_veh_resa.php").submit(); } if(data == "log_no"){ $("#f_log_res .submit").css("margin-top","4px"); $("#rep_log_res").css("display","block").html("E-mail ou mot de passe incorrect."); $.fancybox.resize(); } } }); }else{ $("#f_log_res .submit").css("margin-top","4px"); $("#rep_log_res").css("display","block").html("Tous les champs marqués d'une étoile doivent être remplis."); $.fancybox.resize(); } return false; }); /*******************************************************************************/ /*******************************************************************************/ }); function get_selection(id){ var url = webpath+"js/ajax-selection.php"; $.ajax({ url : url, type : 'post', data : $("#"+id).serialize(), success : function(data){ if(data == "ok"){$.fancybox("

Votre sélection est enregistrée.

",{padding:1,'onClosed':function(){window.location.reload();} });} if(data == "no"){$.fancybox("

Ce véhicule fait déjà partie de votre sélection

",{padding:1,'onClosed':function(){window.location.reload();} });} if(data == "log_false"){$("#rep_log_sel").css("display","block").html("Identifiants incorrects."); $.fancybox.resize();} if(data == "veh_manquant"){$("#rep_log_sel").css("display","block").html("Véhicule manquant."); $.fancybox.resize();} if(data == "inscription_ok"){$.fancybox("

Votre inscription a bien été enregistrée
et le véhicule a été ajouté à vos sélections.

",{padding:1,'onClosed':function(){window.location.reload();} });} },error:function(){} }); } /*Fonction de la page de présentation*/ function presentation($link){ var container = $('.presentation-garage'); var url = webpath+'js/ajax-presentation.php'; $("#aside .menu-pres li a[data-link="+$link+"]").addClass("actif"); $.ajax({ url : url, type : 'post', data : {'data-link' : $link}, success : function(data){ container.html("

")./* delay(100). */slideUp("fast",function(){ $(this).html(data).slideDown("fast"); }); } }); } /*Fonction de la page "comment faire*/ function faq($link){ var container = $('.comment-faire'); var url = webpath+'js/ajax-comment-faire.php'; $("#aside .menu-pres li a[data-link="+$link+"]").addClass("actif"); $.ajax({ url : url, type : 'post', data : {'data-link' : $link}, success : function(data){ container.html("

")./* delay(100). */slideUp("fast",function(){ $(this).html(data).slideDown("fast"); }); } }); } /**********************************************************/ function liste_modele() { var container = $('.search_VNModele'); var selector = $('.search_VNMarque'); var url = webpath+'js/ajax-liste-modele.php'; selector.change(function(){ var value = $(this).val(); var typeveh = $(this).parents("fieldset").children("input[name=typeveh]").val(); // console.log(typeveh); $.ajax({ url : url, type : 'post', data : {'search_VNMarque' : value, 'typeveh' : typeveh}, success : function(data){ selector.next(container).html(data); // console.log(data); } }); }); } /**********************************************************/ function liste_version() { var container = $('.search_VNTypName'); var selector = $('.search_VNModele'); var url = webpath+'js/ajax-liste-version.php'; selector.change(function(){ var value = $(this).val(); $.ajax({ url : url, type : 'post', data : {'search_VNModele' : value}, success : function(data){ container.html(data); } }); }); } /**********************************************************/ function count_result() { var container = $('.r1 .nb-resultat .nb'); var selector = $('.r1 form'); var url = webpath+'js/ajax-count-results.php'; $.ajax({ url : url, type : 'post', data : selector.serialize(), success : function(data){ container.html(data); } }); } function count_result_vo() { var container = $('.r2 .nb-resultat .nb'); var selector = $('.r2 form'); var url = webpath+'js/ajax-count-results.php'; $.ajax({ url : url, type : 'post', data : selector.serialize(), success : function(data){ container.html(data); } }); } function count_result_util() { var container = $('.r3 .nb-resultat .nb'); var selector = $('.r3 form'); var url = webpath+'js/ajax-count-results.php'; $.ajax({ url : url, type : 'post', data : selector.serialize(), success : function(data){ container.html(data); } }); } /**********************************************************/ //prix total function prix_total(){ var prixtotal=parseInt($('.prix_base_emotors').text().replace(" ",""),10)+parseInt($('.prix_op').text().replace(" ",""),10)+parseInt($('.prix_acc').text().replace(" ",""),10)+parseInt($('.prix_fa').text().replace(" ",""),10)+parseInt($('#prix_livraison option:selected').attr('data-liv-prix'),10); prixtotal = number_format(prixtotal,0,' '); $('.js-prix_total').html(prixtotal); } /**********************************************************/ function number_format(valeur,decimal,separateur) { // formate un chiffre avec 'decimal' chiffres après la virgule et un separateur var deci=Math.round( Math.pow(10,decimal)*(Math.abs(valeur)-Math.floor(Math.abs(valeur)))) ; var val=Math.floor(Math.abs(valeur)); if ((decimal==0)||(deci==Math.pow(10,decimal))) {val=Math.floor(Math.abs(valeur)); deci=0;} var val_format=val+""; var nb=val_format.length; for (var i=1;i<4;i++) { if (val>=Math.pow(10,(3*i))) { val_format=val_format.substring(0,nb-(3*i))+separateur+val_format.substring(nb-(3*i)); } } if (decimal>0) { var decim=""; for (var j=0;j<(decimal-deci.toString().length);j++) {decim+="0";} deci=decim+deci.toString(); val_format=val_format+"."+deci; } if (parseFloat(valeur)<0) {val_format="-"+val_format;} return val_format; }