CINXE.COM
Espace abonnés
<!DOCTYPE HTML> <html> <head> <title>Espace abonnés</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width"> <meta name="description" content="Espace abonnés" /> <link rel="icon" type="image/png" href="/images/favicon/favicon_cc.png" /> <script src="/js/jquery-3.7.1.min.js"></script> <script src="/js/jquery.lazy-1.7.9.min.js"></script> <script src="/js/fonctions.js"></script> <style> @font-face { font-family:Montserrat; src:url(/images/fonts/Montserrat/static/Montserrat-Regular.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:900; src:url(/images/fonts/Montserrat/static/Montserrat-ExtraBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:700; src:url(/images/fonts/Montserrat/static/Montserrat-Bold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:500; src:url(/images/fonts/Montserrat/static/Montserrat-SemiBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:400; src:url(/images/fonts/Montserrat/static/Montserrat-Medium.ttf) format("truetype"); } a { color:#17181e; text-decoration:none; } body { font-family: "Montserrat", sans-serif; color:#17181e; padding:0; margin:0; } .bouton { display:inline-block; cursor:pointer; font-weight:500; padding:10px 30px; font-size:15px; border-radius:4px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton:hover { background-color:#CC0000; } .bouton-abos { display:block; cursor:pointer; text-align:center; font-weight:700; padding:20px; font-size:18px; border-radius:12px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton-abos:hover { background-color:#CC0000; } .bouton-form { padding:25px 50px; font-size:17px; } .bouton-light { border:1px solid #17181e; padding:10px; text-align:center; cursor:pointer; transition: all .2s ease-out; } .bouton-light:hover { border:1px solid #e30a17; } .boutons-menu { height:70px; font-weight:900; color:#ffffff; background-color:#1c1c1c; display:flex; align-items:center; transition: all .2s ease-out; font-size:14px; padding:0 10px; transform:skew(24deg); } .boutons-menu > * { transform:skew(-24deg); } .boutons-menu:hover { background-color:#e30a17; } .boutons-menu-active { background-color:#e30a17; } #confirmChoixAboConteneur { display:none; position:fixed; z-index:1001; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; max-width:500px; background-color:#ffffff; } #confirmChoixAboFond { height: 100%; width: 100%; z-index:1000; background: rgba(0, 0, 0, 0.8); display:none; position:fixed; top:0; } .conteneur { width:90%; max-width:1170px; margin:0 auto; } .conteneur-fond-blanc { width:90%; max-width:1090px; margin:0 auto; background-color:#ffffff; padding:20px; } .conteneur-mag { padding:32px; border-radius:10px; transition: all .2s; display:flex; flex-direction: column; justify-content:space-between; border:1px solid #cccccc; } .espace-5 { height:5px; } .espace-10 { height:10px; } .espace-20 { height:20px; } .espace-30 { height:30px; } .espace-40 { height:40px; } .espace-50 { height:50px; } .espace-60 { height:60px; } .espace-70 { height:70px; } .espace-80 { height:80px; } .espace-90 { height:90px; } #fondMenu { height: 100%; width: 100%; z-index:10; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:70px; } .footer-conteneur { width:90%; max-width:1170px; margin:0 auto; padding:40px 0; display:flex; gap:20px; flex-wrap:wrap; justify-content:center; align-items:center; } .footer-fond { background-color:#17181e; } .footer-lien { color:#ffffff; transition: all .2s ease-out; font-size:14px; } .footer-lien:hover { color:#dddddd; } .grid { margin:0 auto; display:grid; grid-template-columns: repeat(1, 1fr); gap:30px; grid-auto-rows: 1fr; } .img-logo { aspect-ratio:500/150; max-width:140px; width:100%; height:auto; } .img-logo-large { aspect-ratio:500/150; max-width:154px; width:100%; height:auto; } input[type='checkbox'] { width:15px; height:15px; accent-color:#e30a17; } input[type='text'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='password'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='submit'] { border:none; cursor:pointer; font-family: "Montserrat", sans-serif; } label { cursor:pointer; } #menu { display:flex; justify-content:space-between; height:70px; } #menuFond { background-color:#1c1c1c; height:70px; } #menuLarge { display:none; } #menuSlide { left:-600px; position:absolute; top:70px; z-index:11; overflow-y:scroll; height:calc(100vh - 90px); max-width:412px; padding:0 0 40px 20px; width:80%; background-color:#17181E; } #remisesGrid { font-size:11px; justify-content:center; column-gap:10px; } .rubriques { font-size:25px; padding:40px 20px; color:#ffffff; border-bottom:1px solid #333333; font-weight:900; } select { font-family: "Montserrat", sans-serif; color:#17181e; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; font-size:15px; font-weight:500; width:100%; box-sizing: border-box; } .separateur { height:1px; background-color:#cccccc; margin:20px 0; } textarea { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; height:300px; } #titrePageAbo { font-size:45px; font-weight:900; color:#dedede; line-height:40px; text-align:center; } @media screen and (min-width:800px) { .conteneur-fond-blanc { padding:40px; } .grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width:1000px) { .grid { grid-template-columns: repeat(3, 1fr); } #menu { display:none; } #menuFond { background-color:#1c1c1c; } #menuLarge { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; max-width:1170px; height:70px; margin:0 auto; } #remisesGrid { font-size:12px; justify-content:left; } #titrePageAbo{ font-size:80px; line-height:70px; max-width:800px; text-align:left; } } @media screen and (min-width:1200px) { .boutons-menu { font-size:15px; padding:0 20px; } } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VRJB3TPP7V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VRJB3TPP7V', { 'allow_google_signals': false, 'allow_ad_personalization_signals': false }); </script> </head> <body> <div id="consentementConteneur" style="position:fixed; width:100%; z-index:100000; bottom:0; left:0; background-color:#171717; color:#ffffff;"> <div style="padding:50px 30px;"> <div> Certaines fonctionnalités de ce site reposent sur l’usage de cookies. </div> <div class="espace-20"> </div> <div> Les services de mesure d'audience sont nécessaires au fonctionnement du site en permettant sa bonne administration. </div> <div class="espace-20"> </div> <div style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;"> <div onclick="consentGrantedAdStorage()" class="bouton"> ACCEPTER TOUS LES COOKIES </div> <div onclick="nonConsentGrantedAdStorage()" class="bouton"> LES COOKIES NÉCESSAIRES SEULEMENT </div> </div> </div> </div> <script> consentementConteneur = document.getElementById('consentementConteneur'); function consentGrantedAdStorage() { gtag('consent', 'update', { 'analytics_storage': 'granted' }); const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=oui; expires=" + dateDuJour + "; path=/"; window.location.reload(); } function nonConsentGrantedAdStorage() { const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=non; expires=" + dateDuJour + "; path=/"; window.location.reload(); } </script> <div id="fondMenu" onclick="afficherMenuAbo()"> </div> <div id="menuSlide"> <div style="position:relative;"> <a href="/abo/kiosque.php"> <div class="rubriques"> Kiosque </div> </a> <a href="/abo/abonnements.php"> <div class="rubriques"> Abonnements </div> </a> <a href="/abo/inscription-gratuite.php" style="color:#ffffff;"> <div class="rubriques"> Newsletters </div> </a> <a href="/abo/espace.php" style="color:#ffffff;"> <div class="rubriques"> Se connecter </div> </a> </div> </div> <div id="menuFond"> <div id="menu" class="conteneur"> <div onclick="afficherMenuAbo()" style="flex:1; display:flex; align-items:center;"> <img id="imgMenuCroix" alt="" style="display:none; aspect-ratio:30/22; width:30px;" src="/images/pictos/croix_blanc_deux.png"> <img id="imgMenuBurger" alt="" style="aspect-ratio:30/22; width:30px;" src="/images/pictos/burger_blanc_deux.png"> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <div style="background-color:#ffffff; display:flex; align-items:center;"> <a href="/"> <div style="font-size:0px; padding:0 10px;"> <img alt="" class="img-logo" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> <div style="flex:1; display:flex; justify-content:end; align-items:center; gap:10px;"> <a href="/abo/espace.php"><div style="font-size:0px; "><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <div> <a href="/abo/panier.php"> <div style="height:70px; font-weight:900; color:#ffffff; display:flex; align-items:center; padding:0 10px;"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div> <div id="menuLarge"> <div style="font-size:0px; background-color:#ffffff; height:100%; display:flex; align-items:center;"> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <a href="/"> <div style="font-size:0px; padding:0 40px;"> <img alt="" class="img-logo-large" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> <div style="height:100%; font-size:0px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> </div> <div style="display:flex; height:100%; align-items:center;"> <a href="/abo/kiosque.php"><div class="boutons-menu"><div>Kiosque</div></div></a> <a href="/abo/abonnements.php"><div class="boutons-menu"><div>Abonnements</div></div></a> <a href="/abo/inscription-gratuite.php"><div class="boutons-menu"><div>Newsletters</div></div></a> <a href="/abo/espace.php"><div class="boutons-menu boutons-menu-active"><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <a href="/abo/panier.php"> <div class="boutons-menu"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div><style> .abo-grid { display:grid; grid-template-columns: repeat(5, auto); overflow-x:scroll; } .abo-grid > div { padding:10px; } .abo-grid-td-background { background-color:#F5F6F8; } .abo-grid-td-border-right { border-right:1px solid #cccccc; } .abo-grid-th { font-weight:900; } #archives-grid { display:grid; gap:20px; grid-template-columns: repeat(1, 1fr); justify-items: center; } .boite { display:none; } .bouton { padding:20px 40px; } .bouton2 { cursor:pointer; padding:12px 12px 5px 12px; transition:border .5s; border-bottom:1px solid #ffffff; font-weight:900; } .bouton2:hover { border-bottom:1px solid #333333; } .bouton2-active { border-bottom:1px solid #333333; } #conteneurBouton2 { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; } .div-archives { border:1px solid #E6E6E6; transition: border .5s; max-width:310px; padding:20px; } .div-archives:hover { border:1px solid #999999; } .div-champs-form { color:#999999; margin-bottom:20px; } .grid { grid-template-columns: repeat(3, 1fr); } .news-grid { display:grid; grid-template-columns: repeat(2, 1fr); width:100%; gap:10px; } .td-header { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; font-weight:bold; padding:10px; } @media screen and (min-width:900px) { #archives-grid { grid-template-columns: repeat(3, 1fr); } #conteneurBouton2 { gap:20px; justify-content:normal; } .div-champs-form { color:#999999; margin-bottom:0; } .div-form-flex { display:flex; gap:20px; margin-bottom:20px; } .news-grid { grid-template-columns: repeat(3, 1fr); gap:20px; } } </style> <div class="conteneur"> <div class="espace-20"> </div> <div> <div id="titrePageAbo"> CONNEXION </div> </div> <div class="espace-20"> </div> <div style="max-width:500px;"> <form> <input type="text" name="identifiant" placeholder="Identifiant (courriel)"> <div class="espace-20"> </div> <div style="align-items:center; gap:10px; display:flex;"> <div style="flex:1;"> <input id="inputPassword" type="password" name="password" placeholder="Mot de passe"> </div> <div style="font-size:0px; cursor:pointer;" onclick="afficheMotDePasse();"> <img id="imgOeil" style="aspect-ratio:48/31; width:30px;" alt="" src="/images/pictos/oeil_barre.png"> </div> </div> <div class="espace-20"> </div> <div id="spanOkIdentification" class="bouton" onClick="actionIdentification(1);"> Valider </div> </form> </div> <div class="espace-20"> </div> <div> <a target="_blank" rel="nofollow" href="/abo/identifiants.php" style="text-decoration:underline; font-weight:bold; color:red; text-underline-offset:4px;">Mot de passe oublié ?</a> </div> <div class="espace-40"> </div> <div class="espace-40"> </div> <a target="_blank" href="/abo/inscription-gratuite.php" style="text-decoration:underline; text-underline-offset:4px;"> S'inscrire gratuitement </a> </div> <div style="height:200px;"> </div> <script> function suppArticleArchive(cle) { $.post('/abonnements/codes_abonnes/ajax/actions_admin_abo.php',{aut:"oui", action: 'supp_art_archive', cle: cle, a:0},function(data) { if (data == 'ok') { $('#divArchive' + cle).fadeOut(); } else { console.log(data); alert("Erreur 3 (veuillez nous contacter)"); } }); } function afficheBoite(boite) { $('.bouton2').removeClass('bouton2-active'); $('#bouton2' + boite).addClass('bouton2-active'); $('.boite').hide(); $('#div' + boite).fadeIn(); } function MiseEnValeurChoix(i) { if ($("#inputNewsletter" + i).is(':checked')) { $("#spanTitreNewsletter" + i).css("font-weight", "bold"); $("#imgNewsletter" + i).css("border", "1px solid #000000"); } else { $("#spanTitreNewsletter" + i).css("font-weight", "normal"); $("#imgNewsletter" + i).css("border", "1px solid #ffffff"); } } function afficheDivTraitementEncours() { if ($('#divTraitementEnCours').is(":hidden")) { $('#divTraitementEnCours').slideDown('fast'); } else { $('#divTraitementEnCours').slideUp('fast'); } } function majAdresse(cleType) { npai = "non"; var dest = ""; var complement = ""; var email = ""; var zoneTva = ""; if (!$("#selectCivilite" + cleType).val() || !$("#inputPrenom" + cleType).val() || !$("#inputNom" + cleType).val() || !$("#inputRue" + cleType).val() || !$("#inputCp" + cleType).val() || !$("#inputVille" + cleType).val() || !$("#inputPays" + cleType).val() ) { alert('Il manque une information.'); return false; } if (!$("#inputTel" + cleType).val()) { alert('Il manque votre numéro de téléphone.'); return false; } if (cleType == 2) { dest = $("#inputDestination" + cleType).val(); zoneTva = $("#inputZoneTva" + cleType).val(); var tabData = {}; if ($("#selectFonction").val() > 0) { tabData['fonction'] = $("#selectFonction").val(); } if ($("#selectSecteur").val() > 0) { tabData['secteur'] = $("#selectSecteur").val(); } } if (cleType == 1) { email = $("#inputEmail" + cleType).val(); } afficheDivTraitementEncours(); $.post('/abonnements/codes_abonnes/ajax/actions_admin_abo.php',{aut:"oui", action: 'maj_adresse', type_adresse: cleType, cle_abonne: 0, dest:dest, societe:$("#inputSociete" + cleType).val(), civilite:$("#selectCivilite" + cleType).val(), prenom:$("#inputPrenom" + cleType).val(), nom:$("#inputNom" + cleType).val(), num_rue:$("#inputRue" + cleType).val(), complement:$("#inputComplement" + cleType).val(), cp:$("#inputCp" + cleType).val(), ville:$("#inputVille" + cleType).val(), pays:$("#inputPays" + cleType).val(), email:email, zone_tva:zoneTva, tel:$("#inputTel" + cleType).val(), npai:npai, par_tiers:"oui", tab_data:tabData},function(data) { afficheDivTraitementEncours(); if (data == 'ok') { alert("L\'adresse a été mise à jour."); window.location.reload(); } else if (data == 'format') { alert("Le format du courriel est invalide."); } else { console.log(data); alert("Erreur 2 (veuillez nous contacter)"); } }); } function consulter(div) { if ($('#divConsulter' + div).is(':visible')) { $('#divConsulter' + div).slideUp(); $('#spanConsulter' + div).html("Consulter ▼"); } else { $('#divConsulter' + div).slideDown(); $('#spanConsulter' + div).html("Fermer <b>▲</b>"); } } $("#divBoutonModifCourriel").click( function () { afficheDivTraitementEncours(); $.post('/abonnements/codes_abonnes/ajax/actions_admin_abo.php',{aut:"oui", action: 'modif_courriel', cle_abonne: 0, courriel: $("#inputCourriel").val()},function(data) { afficheDivTraitementEncours(); if (data == 'ok') { alert("Le courriel est modifié."); // creerFormIdentification(3); actionIdentification(3); window.location.reload(); } else if (data == 'doublon') { alert("Modification impossible car un autre compte est rattaché à ce courriel."); } else if (data == 'format') { alert("Votre courriel est manquant ou invalide."); } else { console.log(data) alert("Erreur (veuillez nous contacter)"); } }); }); function afficheAuNumero(cleRevue) { if (!$("#divAuNumero" + cleRevue).is(":visible")) { $("#divAuNumero" + cleRevue).show("fast"); $("#spanPlusAuNumero" + cleRevue).html("▲"); } else { $("#divAuNumero" + cleRevue).hide("fast"); $("#spanPlusAuNumero" + cleRevue).html("▼"); } } $(document).ready(function () { $("img.lazy").lazy({ effect: "fadeIn", effectTime: 1000 }); $("#spanResilier").click(function() { if (confirm("Veuillez confirmer votre demande de résiliation.")) { $.post('ajax/ajax_resil_abo_digital.php?aut=oui',{c_a: 0},function(data) { // alert(data); if (data == 'ok') { alert("Votre demande de résiliation a été envoyée à notre service abonnement. La prise en compte de la résiliation sera effective au terme de la période d’abonnement en cours."); window.location.reload(); } else { alert("Votre demande de résiliation n'a pas pu être traitée. Veuillez contacter le service abonnement au 01 30 08 14 14."); } }); } else { alert("Demande de résiliation annulée."); } }); $("#divMajNewsletters").click(function() { if ($(this).css("cursor") == "pointer") { afficheDivTraitementEncours(); var tabNewsletters = [], i = 0; $('.checkboxes_newsletters:checked').each(function() { tabNewsletters[i] = $(this).val(); i++; }); $.post('/abonnements/codes_abonnes/ajax/actions_admin_abo.php',{aut:'oui', action:"update_abo_newsletters", user:'abonne', c_a: 0,t_n: tabNewsletters, site_concerne:'cc'},function(data) { // console.log(data); afficheDivTraitementEncours(); if (data == 'ok') { alert("Mise à jour réussie."); } else { console.log(data); alert("Échec de la mise à jour. Veuillez nous contacter."); } $(this).css("background-color", "#cccccc"); $(this).css("cursor", "text"); }); } }); }); </script> <div class="footer-fond"> <div class="footer-conteneur"> <a target="_blank" href="/abo/contact.php"> <div class="footer-lien"> Contact </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/equipe.php"> <div class="footer-lien"> L'équipe </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/mentions.php"> <div class="footer-lien"> Mentions légales </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/cgv_cgu_abo_mag.pdf"> <div class="footer-lien"> Conditions générales </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/rgpd.pdf"> <div class="footer-lien"> Politique RGPD </div> </a> </div> </div> <script> function actionIdentification(type) { $.post('../../ajax/identification.ajax.php',{a:type, i: $('[name=identifiant]').val(), p: $('[name=password]').val(), s: 'cc'},function(data) { array_messages = {"1":"Votre identifiant est manquant ou invalide.","2":"Identification r\u00e9ussie.","3":"L'identifiant saisi existe d\u00e9j\u00e0 dans notre base. Veuillez vous identifier.","4":"Votre inscription est r\u00e9ussie, votre mot de passe vient de vous \u00eatre adress\u00e9 par courriel.","5":"L'identifiant ou le mot de passe saisi est incorrect.","6":"\u00c9chec de l'envoi du message.","7":"Message envoy\u00e9.","8":"Annonce supprim\u00e9e.","9":"D\u00e9connexion r\u00e9ussie.","10":"Votre compte est actuellement utilis\u00e9 par un autre appareil. Votre compte est strictement personnel et ne peut \u00eatre utilis\u00e9 que sur un seul appareil \u00e0 la fois."}; if (data == '2' || data == '3' || data == '4' || data == '9' || data == '10') { window.location.reload(); } else { console.log(data) alert(array_messages[data]); } }); } function afficheMotDePasse() { $('#imgOeil').prop('src', '/images/pictos/oeil.png'); $('#inputPassword').attr('type','text'); $('#inputPassword').focus(); } function afficheArticlesEnLigne(mag, num, mois, site_concerne) { $('#divArticlesEnLigneContenu').html(''); if ($("#fondArticlesEnLigne").is(":hidden")) { $('#fondArticlesEnLigne').css('display', 'block'); $('#divArticlesEnLigne').css('display', 'block'); $('body').css('overflow', 'hidden'); } else { $('#fondArticlesEnLigne').css('display', 'none'); $('#divArticlesEnLigne').css('display', 'none'); $('body').css('overflow', 'auto'); } if (num > 0) { $.post('actions_abonnements_ajax.php',{aut:"oui", action:'affiche_articles_en_ligne', mag:mag, num:num, mois:mois, site_concerne:site_concerne},function(data) { $('#divArticlesEnLigneContenu').html(data); }); } } function boolDejaAbonne() { if (document.getElementById("courriel").value != '') { $.post('actions_abonnements_ajax.php',{aut:"oui", action: 'bool_deja_abonne', courriel: document.getElementById("courriel").value},function(data) { if (data == 'doublon') { if (confirm("Un compte abonné existe déjà avec cette adresse mail. Souhaitez-vous accéder à ce compte ?") == true) { window.open('/abo/espace.php', '_blank') } } else if (data == 'invalide') { alert('Le mail saisi est invalide.'); } else { console.log(data); } }); } } function MiseEnValeurChoix(i) { if ($("#inputNewsletter" + i).is(':checked')) { $("#divChoix" + i).css('background-color', '#efefef') $("#spanTitreNewsletter" + i).css('font-weight', '900') } else { $("#divChoix" + i).css('background-color', '#ffffff') $("#spanTitreNewsletter" + i).css('font-weight', '500') } } $("#formulaire").submit( function () { boolNewsletters = false; for (var i = 1; i <= 9; i++) { if ($("#inputNewsletter" + i).prop('checked')) { boolNewsletters = true; } } if (!boolNewsletters) { alert('Veuillez sélectionner une ou plusieurs newsletters.'); return false; } if ($("#selectCivilite").val() == 0) { alert('Il manque votre civilité.'); return false; } if (!$("#inputPrenom").val()) { alert('Il manque votre prénom.'); return false; } if (!$("#inputNom").val()) { alert('Il manque votre nom.'); return false; } if (!isValidEmailAddress($("#courriel").val())) { alert('Votre courriel est manquant ou invalide.'); return false; } if ($("#selectFonction").val() == 0) { alert('Il manque votre fonction.'); return false; } if ($("#selectSecteur").val() == 0) { alert('Il manque votre secteur.'); return false; } $("#submitValider").css("background-color", "#ffffff"); $("#submitValider").css("color", "#000000"); $("#submitValider").val('Traitement en cours...'); }); function afficherMenuAbo() { if ($("#fondMenu").is(":hidden")) { $('#imgMenuBurger').hide(); $('#imgMenuCroix').show(); window.scrollTo(0, 0); $('#fondMenu').show(); $("#menuSlide").animate({"left":"0px"}, "fast") $('body').css('overflow', 'hidden'); } else { $('#imgMenuCroix').hide(); $('#imgMenuBurger').show(); $("#menuSlide").animate({"left":"-600px"}, "fast", function() { $('#fondMenu').hide(); $('body').css('overflow', 'auto'); }) } } $("img.lazy").lazy({ effect: "fadeIn", effectTime: 250 }); $( document ).ready(function() { }); </script> </body> </html>