Le prestige au cœur de la montagne à Font-Romeu avec Lex Immobilier <a href="/nos-actualites/lex-immobilier-short-video.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Agrandir son espace de vie </h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/8a925f41f3912c432493380e63bc38ad.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 12/12/2025</div> <div class="content"> <p class="chapo">Vous manquez d’espace chez vous ? L’aménagement des combles peut être une solution idéale pour agrandir votre logement sans déménager ! Transformer vos comb...</p> <a href="/nos-actualites/agrandir-son-espace-de-vie.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Evolution des taux</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/1482842c5b053e043ed177cd48bd9a61.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 10/12/2025</div> <div class="content"> <p class="chapo">Les taux d’intérêt évoluent ! Que vous envisagiez d’acheter, d’investir ou de renégocier votre crédit, il est important de rester informé pour prendre les me...</p> <a href="/nos-actualites/evolution-des-taux-1.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Taxe foncière : qui la paye en cas de...</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/bd6659c8f63be2501daf19f6acccc061.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 04/12/2025</div> <div class="content"> <p class="chapo">La taxe foncière est due par la personne propriétaire du bien au 1er janvier de l’année d’imposition. Même si le bien est vendu en cours d’année, le vendeur ...</p> <a href="/nos-actualites/taxe-fonciere-qui-la-paye-en-cas-de-vente-1.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Nous recherchons des appartements à v...</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/bac346c2ee96dbedf54d8a2fc37866c0.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 24/11/2025</div> <div class="content"> <p class="chapo">Envie de vendre ? Nous recherchons les produits suivants : ➡️ Studios, Studios-Cabine, Studios Mezzanine ➡️ Appartements de 2 à 5 pièces ➡️ Standing ➡️ a...</p> <a href="/nos-actualites/nous-recherchons-des-appartements-du-t2-au-t5" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Chute de neige du 21 novembre 2025</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/e3d4d04678a3aad7ba779efcba814d7e.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 21/11/2025</div> <div class="content"> <p class="chapo">Première chute de saison. 15 à 20 cm sur la station de ski de Font-Romeu en Cerdagne</p> <a href="/nos-actualites/chute-de-neige-du-21-novembre-2025" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">L'agence immobilière LEX IMMOBILIER r...</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/8807c903dbf8fb39751e8156d3234d0d.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 29/10/2025</div> <div class="content"> <p class="chapo">Suite à de nombreuses ventes récentes et à une demande de plus en forte, notre agence immobilière recherche des chalets, maisons et propriétés afin de satisf...</p> <a href="/nos-actualites/envie-de-vendre-contactez-nous-sans-tarder.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Octobre rose 2025 </h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/e100c7a13bbb21e0fca105aa5fa97442.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 01/10/2025</div> <div class="content"> <p class="chapo">Ce mois-ci, nous nous mobilisons pour soutenir la lutte contre le cancer du sein </p> <a href="/nos-actualites/octobre-rose-2025.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Automne 2025 !</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/b305a2a73c84b19bef88271ad41f555b.jpg)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 22/09/2025</div> <div class="content"> <p class="chapo">L'automne 2025 s'étend paisiblement, enveloppant le monde de ses couleurs chaleureuses. Les feuilles, déclinant du vert au rouge et à l'orange, tombent lente...</p> <a href="/nos-actualites/automne-2025.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Recherchons des appartements à vendre...</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/1d95563b5b752d30b1c419af1db05466.png)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 11/09/2025</div> <div class="content"> <p class="chapo">L’agence Lex immobilier et son commercial dédié aux transactions immobilières à Beausoleil et Roquebrune Cap Martin ainsi que sur la commune de Cap d'ail dan...</p> <a href="/nos-actualites/recherchons-des-appartements-a-vendre-a-beausoleil.html" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Immobilier de montagne à Font-Romeu</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/420b0cee51b4937fd8b68e69eba351e7.png)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 08/09/2025</div> <div class="content"> <p class="chapo">Immobilier de montagne en station de ski Nous recherchons à la vente pour notre clientèle des studios et appartements 2 et 3 pièces sur Font-Romeu et bolquè...</p> <a href="/nos-actualites/immobilier-a-font-romeu" class="link">Lire +</a> </div> </div> <div class="actu-post col-sm-6 col-xs-12"> <h3 class="title">Estimation gratuite à Font-Romeu et B...</h3> <hr> <div class="cover" style="background-image: url(//leximmobilier.staticlbi.com/original/images/userupload/c5c3a0b06a9b0e5abd5bb2d51021fb9a.png)"> </div> <div class="date"><span class="icon-calendar fs-30"></span> 07/09/2025</div> <div class="content"> <p class="chapo">Vous souhaitez estimer votre bien immobilier à Font-Romeu et Bolquere en Cerdagne, propriétaire d’un appartement ou chalet à la montagne catalane dans les Py...</p> <a href="/nos-actualites/estimation-gratuite-a-font-romeu-et-bolquere.html" class="link">Lire +</a> </div> </div> </div> <div class="row"> <div class="row utilListing"> <div class="col-md-12 lstBottom"> <ul class="pagination"> <li class="active"><span class="btn btn-default activepage">1</span></li> <li><a href="/nos-actualites/2" class="btn btn-default">2</a> </li> </ul> </div> </div> <hr> <p class="legals"> Les informations recueillies sur ce formulaire sont enregistrées dans un fichier informatisé par La Boite Immo agissant comme Sous-traitant du traitement pour la gestion de la clientèle/prospects de l'Agence / du Réseau qui reste Responsable du Traitement de vos Données personnelles. La base légale du traitement repose sur l'intérêt légitime de l'Agence / du Réseau. Elles sont conservées jusqu'à demande de suppression et sont destinées à l'Agence / au Réseau. Conformément à la loi « informatique et libertés », vous disposez des droits d’accès, de rectification, d’effacement, d’opposition, de limitation et de portabilité de vos données. Vous pouvez retirer votre consentement à tout moment en contactant directement l’Agence / Le Réseau. Consultez le site https://cnil.fr/fr pour plus d’informations sur vos droits. Si vous estimez, après avoir contacté l'Agence / le Réseau, que vos droits « Informatique et Libertés » ne sont pas respectés, vous pouvez adresser une réclamation à la CNIL. Nous vous informons de l’existence de la liste d'opposition au démarchage téléphonique « Bloctel », sur laquelle vous pouvez vous inscrire ici : https://www.bloctel.gouv.fr Dans le cadre de la protection des Données personnelles, nous vous invitons à ne pas inscrire de Données sensibles dans le champ de saisie libre.<br>Ce site est protégé par reCAPTCHA, les <a style="font-size: 1em !important;color:currentColor!important;display:inline!important" href="https://policies.google.com/privacy">Politiques de Confidentialité</a> et les <a style="font-size: 1em !important;color:currentColor!important;display:inline!important" href="https://policies.google.com/terms">Conditions d'Utilisation</a> de Google s'appliquent. </p> </div> </div> </div> </div> </div> </div> <div class="section_btm"> <div class="container"> <div class="row layout_btm"> <div class="col-md-3 col-xs-12 leftContent_btm"> <div class="row"> <article class="col-sm-6 col-md-12 elementLeft_btm"> <div class="themTitle"> <h1>Nos Coordonnées</h1> </div> <div class="contentFtr"> <ul class="coords"> <li><span class="eltCoords">Tél : </span>04 68 30 11 62</li> <li><span class="eltCoords">E-mail : </span><a href="mailto:infos@leximmobilier.com">infos@leximmobilier.com</a></li> <li><span class="eltCoords adresse">Adresse : </span> <span class="allAdresse">22 avenue maréchal joffre<br> 66120 Font-Romeu-Odeillo-Via</span> </li> </ul> </div> </article> <article class="col-sm-6 col-md-12 elementLeft_btm"> <div class="themTitle"> <h1>Nous suivre sur</h1> </div> <div class="contentFtr rsv"> <a href="https://www.facebook.com/agenceleximmobilier" class="linkrsv " target="_blank"><span class="icon-facebook2 icons"></span></a> <a href="https://m.youtube.com/channel/UC7HhTvixigz2pbkcOv1Y3Ow" class="linkrsv " target="_blank"><span class="icon-youtube2 icons"></span></a> <a href="https://www.instagram.com/leximmobilier/" class="linkrsv " target="_blank"><span class="icon-instagram2 icons"></span></a> <a href="https://www.tiktok.com/@leximmobilier" class="linkrsv " target="_blank"> <span class="icon-tiktok icons"> <svg fill="#fff" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z"/></svg></span></a> </div> </article> </div> <div class="row"> <article class="col-sm-6 col-md-12 elementLeft_btm"> <div class="themTitle"> <h1>Se connecter</h1> </div> <div class="contentFtr text-center"> <button class="espacePro" onclick="window.open('/admin/espace_proprietaire.php'); return false;"> <span class="icon-espaceproprietaire"></span> <span class="txtProp">Espace propriétaires</span> </button> </div> </article> </div> </div> <div class="col-md-9 col-xs-12 rightContent_btm"> <section class="indexation"> <nav> <div class="titleIndexa"> <span class="border"></span> <h1>Nos offres de biens à <span class='primary'>Font Romeu Odeillo Via</span></h1> <span class="border"></span> </div> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-12 bloc-indexation"> <ul> <li class="title"><a href="/acheter-0-11747-font romeu odeillo via/1" ><span class="puce hidden-xs"></span> <p>Acheter un bien immobilier à Font Romeu Odeillo Via</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/1-une maison/1" ><p>Une maison</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/2-un appartement/1" ><p>Un appartement</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/5-un terrain/1" ><p>Un terrain</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/17-un chalet/1" ><p>Un chalet</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/4-un studio/1" ><p>Un studio</p></a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12 bloc-indexation"> <ul> <li class="title"><a href="/2-locations annuelles-11747-font romeu odeillo via/1" ><span class="puce hidden-xs"></span> <p>Locations annuelles à Font Romeu Odeillo Via</p></a></li> <li> <a href="/2-locations annuelles-11747-font romeu odeillo via/2-un appartement/1" ><p>Un appartement</p></a></li> <li> <a href="/2-locations annuelles-11747-font romeu odeillo via/17-un chalet/1" ><p>Un chalet</p></a></li> <li> <a href="/2-locations annuelles-11747-font romeu odeillo via/4-un studio/1" ><p>Un studio</p></a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12 bloc-indexation"> <ul> <li class="title"><a href="/acheter-0-11747-font romeu odeillo via/1" ><span class="puce hidden-xs"></span> <p>Acheter à Font Romeu Odeillo Via, par pièces</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/2-pieces/1" ><p>Un 2 pièces</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/3-pieces/1" ><p>Un 3 pièces</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/4-pieces/1" ><p>Un 4 pièces</p></a></li> <li> <a href="/acheter-0-11747-font romeu odeillo via/5-pieces/1" ><p>Un 5 pièces</p></a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12 bloc-indexation"> <ul> <li class="title"><a href="/2-locations annuelles-11747-font romeu odeillo via/1" ><span class="puce hidden-xs"></span> <p>Locations annuelles à Font Romeu Odeillo Via, par pièces</p></a></li> <li> <a href="/2-locations annuelles-11747-font romeu odeillo via/2-pieces/1" ><p>Un 2 pièces</p></a></li> <li> <a href="/2-locations annuelles-11747-font romeu odeillo via/3-pieces/1" ><p>Un 3 pièces</p></a></li> <li> <a href="/2-locations annuelles-11747-font romeu odeillo via/4-pieces/1" ><p>Un 4 pièces</p></a></li> <li> <a href="/2-locations annuelles-11747-font romeu odeillo via/5-pieces/1" ><p>Un 5 pièces</p></a></li> </ul> </div> </div> </nav> </section> <footer class="lastFtr"> <div class="col-lg-5 col-md-6 col-sm-6 block_lastFtr"> <p>© 2025 | Tous droits réservés | Traduction powered by Google <br/> <a href="/plan-du-site.html" >Plan du site</a> - <a href="/i/redac/legals" >Mentions légales</a> - <a href="/i/redac/honoraires" >Nos honoraires</a> - <a href="/nos-liens.html" >Liens</a> - <a href="/admin/" target="_blank" >Admin</a> - <a href="/toutes-nos-annonces.html" >Toutes nos annonces</a> - <a href="https://www.la-boite-immo.com/politique-de-gestion-des-donnees-personnelles" >Politique RGPD</a> </p> </div> <div class="col-lg-4 col-md-6 col-sm-6 block_lastFtr"> <div class="iconResp"> <span class="icon-multisupport"></span><p class="contentResp">Site internet compatible multi-supports,<br/>un seul site adaptable à tous les types d'écrans.</p> </div> </div> <div class="col-lg-3 col-md-12 block_lastFtr"> <img src="//leximmobilier.staticlbi.com/original/images/logoLBI.png" alt="La boite immo" /> </div> </footer> </div> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" ></script> <script src="/js/build_57d23db24dd2e163e3e71cffbedd9ec7.js" data-model='vogue' id='principalJs'></script> <!-- à utiliser si on veut ajouter un fichier js spécifique au site --> <!-- à utiliser si on veut ajouter un fichier js specifique au lazyloading --> <div class="scrollToTop"> <span class="icon-fleche fs-40"></span> </div> <script src="https://www.google.com/recaptcha/api.js?render=6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU"></script> <style>.grecaptcha-badge { visibility: hidden;}</style> <script> grecaptcha.ready(function() { grecaptcha.execute("6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU", {action: "nosactualiteshtml"}).then(function(token) {}); });</script> <div class="cookie-consent rgpd-v1 "> <div class="cookiesContainer" style="display: block;"> <div class="cookiesStructure_1"> <div class="cookiesContent"> <button class="btnTop" type="button" id="getCloseCookies"> On en reste là <svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewBox="0 0 16.468 12.261"> <g id="Fleche_fermer" data-name="Fleche fermer" transform="translate(-1537.741 -953.58)"> <path id="Tracé_4684" data-name="Tracé 4684" d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> <path id="Tracé_4685" data-name="Tracé 4685" d="M0,0,4.621,4.621" transform="translate(1548.173 954.994)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> <path id="Tracé_4683" data-name="Tracé 4683" d="M0,4.621,4.621,0" transform="translate(1548.173 959.805)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> </g> </svg> </button> <p class="titreCookies"> Comme beaucoup, notre site <span class="colorPrimarySite">utilise les cookies</span> </p> <p class="textCookies"> <span class="textStrong">On aimerait vous accompagner pendant votre visite.</span> En poursuivant, vous acceptez l'utilisation des cookies par ce site, afin de vous proposer des contenus adaptés et réaliser des statistiques ! </p> <div class="btnContainer"> <button class="btnCookies lightVersion" id="getParamsCookies" type="button"> Paramétrer</button> <button class="btnCookies" id="getValidCookies" type="button"> Ok pour Moi !</button> </div> </div> </div> <div class="cookiesStructure_2 "> <div class="cookiesContent"> <button class="btnRetour" id="getReturnCookies" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewBox="0 0 16.468 12.261"> <g id="Fleche_retour" data-name="Fleche retour" transform="translate(1554.209 965.841) rotate(180)"> <path id="Tracé_4684" data-name="Tracé 4684" d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> <path id="Tracé_4685" data-name="Tracé 4685" d="M0,0,4.621,4.621" transform="translate(1548.173 954.994)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> <path id="Tracé_4683" data-name="Tracé 4683" d="M0,4.621,4.621,0" transform="translate(1548.173 959.805)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> </g> </svg> </button> <p class="topContentCookies"> Paramétrer</p> <div class="cookiesElement"> <p class="textSectionContent"><span class="titreSection">Cookies fonctionnels</span>Ces cookies sont indispensables à la navigation sur le site, pour vous garantir un fonctionnement optimal. Ils ne peuvent donc pas être désactivés. </p> </div> <div class="cookiesElement"> <p class="textSectionContent"><span class="titreSection">Statistiques de visites</span>Pour améliorer votre expérience, on a besoin de savoir ce qui vous intéresse ! <br> Les données récoltées sont anonymisées. </p> <div class="itemCheckboxCookieContainer"> <div class="textContent"> <a class="linkElement" href="https://support.google.com/analytics/answer/6004245?hl=fr">?</a> <svg class="iconElement" xmlns="http://www.w3.org/2000/svg" width="19.555" height="19.954" viewBox="0 0 19.555 19.954"> <g id="Google" transform="translate(0)"> <path id="Tracé_4724" data-name="Tracé 4724" d="M1255.41,1020.752a8.56,8.56,0,0,0-.211-2.039h-9.368v3.7h5.5a4.874,4.874,0,0,1-2.039,3.237l-.019.124,2.962,2.295.205.021a9.755,9.755,0,0,0,2.971-7.339" transform="translate(-1235.855 -1010.553)" fill="#4285f4"/> <path id="Tracé_4725" data-name="Tracé 4725" d="M141.911,1500.084a9.51,9.51,0,0,0,6.607-2.417l-3.148-2.439a5.9,5.9,0,0,1-3.459,1,6.006,6.006,0,0,1-5.676-4.146l-.117.01-3.08,2.383-.04.112a9.97,9.97,0,0,0,8.913,5.5" transform="translate(-131.934 -1480.13)" fill="#34a853"/> <path id="Tracé_4726" data-name="Tracé 4726" d="M4.427,686.958a6.141,6.141,0,0,1-.333-1.973,6.454,6.454,0,0,1,.321-1.973l-.006-.132-3.118-2.422-.1.049a9.956,9.956,0,0,0,0,8.957l3.237-2.505" transform="translate(-0.126 -675.008)" fill="#fbbc05"/> <path id="Tracé_4727" data-name="Tracé 4727" d="M141.911,3.858a5.53,5.53,0,0,1,3.858,1.486l2.816-2.749A9.586,9.586,0,0,0,141.911,0,9.97,9.97,0,0,0,133,5.5L136.224,8a6.031,6.031,0,0,1,5.687-4.146" transform="translate(-131.934 0)" fill="#eb4335"/> </g> </svg> <p class="textElement">Google Analytics</p> </div> <div class="checkboxCookiesContent"> <input name="checkbox_googleAnalytics" class="checkboxCookies" id="checkedgoogleAnalytics" type="checkbox" checked="checked" disabled="disabled"> <label class="checkboxCookiesLabel" for="checkedgoogleAnalytics"></label> </div> </div> </div> <div class="cookiesElement"> </div> <div class="btnContainer btnConfigCookies"> <a href="i/redac/legals" class="btnCookies lightVersion" type="button">En savoir plus</a> <button class="btnCookies" id="getSaveCookies" type="button">Enregistrer</button> </div> </div> </div> </div> </div> <script > /* -------------------------------------------------------------------------- */ /* NEW COOKIES RGPD */ /* -------------------------------------------------------------------------- */ var displayCookies = function() { document.getElementsByClassName("cookiesContainer")[0].style.display = "block"; } window.onload = function() { setTimeout(displayCookies, 1000); } window.addEventListener('load', (event) => { animCookiesParams(); }); function animCookiesParams() { let cookies = new animCookiesParamsFunction({ root: document.querySelector('.cookiesContainer') }); } function animCookiesParamsFunction(params) { let that = this; this.params = params; let $this = this.params.root; let $cookiesStructure_1 = $this.querySelector('.cookiesStructure_1'); let $cookiesStructure_2 = $this.querySelector('.cookiesStructure_2'); let $listCookies = document.cookie.split(' '); let $dataToSend = []; let $listCheckbox = $this.querySelectorAll('.checkboxCookies'); this.initFunctionCookies = function() { this.animCookiesClickParams(); this.animCookiesClickReturn(); this.animCookiesClickValid(); this.animCookiesClickSave(); this.animCookiesClickNoCookies(); } this.animCookiesLoading = function() { let url = document.location.href.split('/'); let lengthUrl = url.length - 1; if(!$listCookies.includes('cookies_hasVerified=true;') && url[lengthUrl] !== "mentions-legales") { setTimeout(function () { $cookiesStructure_1.classList.add('active'); that.initFunctionCookies(); },2000); } else { that.initFunctionCookiesHasVerified(); } } this.animCookiesClickParams = function() { $this.querySelector('#getParamsCookies').addEventListener('click', (event) => { $cookiesStructure_1.classList.remove('active'); setTimeout(function () { $cookiesStructure_2.classList.add('active'); },500); }); } this.animCookiesClickParams = function() { $this.querySelector('#getParamsCookies').addEventListener('click', (event) => { $cookiesStructure_1.classList.remove('active'); setTimeout(function () { $cookiesStructure_2.classList.add('active'); },500); }); } this.animCookiesClickReturn = function() { $this.querySelector('#getReturnCookies').addEventListener('click', (event) => { $cookiesStructure_2.classList.remove('active'); setTimeout(function () { $cookiesStructure_1.classList.add('active'); },500); }); } this.animCookiesClickValid = function() { $this.querySelector('#getValidCookies').addEventListener('click', (event) => { $dataToSend = []; for(let item of $listCheckbox) { $dataToSend[item.getAttribute('name')] = true; } this.animCookiesClose(); }); } this.animCookiesClickSave = function() { $this.querySelector('#getSaveCookies').addEventListener('click', (event) => { $dataToSend = []; for(let item of $listCheckbox) { $dataToSend[item.getAttribute('name')] = item.checked; } this.animCookiesClose(); }); } this.animCookiesClickNoCookies = function() { $this.querySelector('#getCloseCookies').addEventListener('click', (event) => { $dataToSend = []; for(let item of $listCheckbox) { $dataToSend[item.getAttribute('name')] = item.getAttribute('disabled') ? true : false; } this.animCookiesClose(); }); } this.animCookiesClose = function() { $cookiesStructure_1.classList.remove('active'); $cookiesStructure_2.classList.remove('active'); document.cookie = "cookies_hasVerified=true"; this.animCookiesApplyCookies(); } this.animCookiesApplyCookies = function() { for(let data in $dataToSend) { let key = data.split('_'); let functionName = "cookies_" + key[1]; let cookie = "cookies_" + key[1] + "=" + $dataToSend[data]; if(!document.cookie.split(' ').includes(cookie)) { document.cookie = cookie; } if($dataToSend[data] && functionName !== "cookies_googleAnalytics") { if(typeof window[functionName] === "function") { window[functionName](); } } } } this.initFunctionCookiesHasVerified = function () { const regex = new RegExp('^cookies_[a-zA-Z0-9]{0,}'); for(let cookies of $listCookies) { let cookie = cookies.split('='); let functionName = cookie[0]; if(regex.test(functionName) && functionName !== "cookies_googleAnalytics" && functionName !== "cookies_hasVerified") { if(typeof window[functionName] === "function") { window[functionName](); } } } } this.animCookiesLoading(); } </script> </body> </html>
