Energy Solutions

<!DOCTYPE html> <html lang="fr"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3ZQ76GCGQ2"></script> <script async src="https://www.google.com/recaptcha/api.js?render=6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR"></script> <link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet"> <script> var version = 'v1.09.184'; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3ZQ76GCGQ2'); </script> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Energy Solutions</title> <meta name="description" content="Information professionnelle pour l'energie renouvelable" /> <link rel="shortcut icon" type="image/png" href="https://dobbit.be/images/favicon/favicon.ico" /> <meta name="theme-color" content="#26406A" /> <meta name="title" property="og:title" content="Energy Solutions" /> <meta name="description" property="og:description" content="Information professionnelle pour l'energie renouvelable" /> <meta property="og:image" /> <meta name="url" property="og:url" content="https://energysolutions.pmg.be/fr/privacy/"> <link rel="stylesheet" media="all" type="text/css" href="/Content/jquery-ui.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/main.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/fontawesome-pro/css/all.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/select2.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/site.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/basket.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/account.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/comment.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/video.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/animate.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/tooltipster.bundle.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/chosen.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/Print.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/edit.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/Icons.min.css?ver=v1.09.184"> <link rel="stylesheet" href="https://ai.pmg.be/content/pmgAI.css?v=2" type="text/css" /> <link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet"> <style> .pmg-tool { border-bottom-color: #26406A !important; border-bottom-style: dashed; border-bottom-width: 1px; text-decoration:none !important; } .border-orange { border-color: #26406A !important; } .bg-orange{ background-color: #26406A !important; color: #FFFFFF !important; } .bg-lightorange{ background-color: #26406A0D !important; } .bg-context { background-color: #d4deef !important; color: #26406A !important; } .text-orange{ color: #26406A!important; } a.btn.orange:not(.disabled), .orange{ background-color: #26406A; border-color: #26406A; } .like-button:not(.disabled).liked, .like-button:not(.disabled).liking{ color: #26406A!important; } .menu.active, .menu.open, .menu.scrolled{ background-color: #26406A!important; } .menu.active, .menu.open, .menu.scrolled{ background-color: #26406AFB!important; } ul.breadcrumb li a{ color: #26406A; } .like-button:not(.disabled):hover { color: #26406A70; } .like-counter{ background-color: #26406A!important; } .article .fcz a{ color: #26406A; } .article .fcz .pmg-tool.active { color: #26406A; text-decoration:underline; } .article.edit .fcz .pmg-tool { color: #26406A; text-decoration:underline; } .module div.actions a.btn{ background-color: #26406A!important; } .module h2.title:after{ background: #26406A!important; } .tile span.plus { background: #FFEE00 !important; color: #26406A !important; } .context-wrapper ul li a:hover, .context-wrapper ul li a.active { border-color: #26406A!important; } .clear-outline-button.active, .clear-outline-button:hover{ color: #26406A!important; border-color: #26406A!important; } .forum-main-category{ border-bottom: solid 1px #26406A!important; } .e-loket-container a:not(.disabled):not(.btn){ color: #26406A; } .e-loket-body .input-section .input-container textarea:focus, .e-loket-body .input-section .input-container input:not([type=range]):focus{ box-shadow: 0 3px 0 -1px #26406A; } .e-loket-container .section-info-container .section-info.active a { color: white!important; } .e-loket-body .input-section::before{ background-color: #26406A; } .abo-offer, .fo .checksign{ background-color: #26406A; } .custom-checkbox-container input:checked~.custom-checkbox{ background-color: #26406A!important; border: 2px solid #26406A!important; } .customerInfo a.btn { background: #26406A !important; } .section-info{ background-color: #26406A; } .section-info:after{ border-top-color: #26406A; } .fo .quiz-images-container .quiz-image-width-container .quiz-image-container.chosen, .quiz-image-container.chosen{ border-color: #26406A; } .loader{ color:#26406A; } .download-container .download-file.active, .download-container .download-file.active .icon, .download-container .download-file.active .info{ color: #26406A!important; } .download-container .download-file:hover{ background-color: #26406A10!important; } .mobile-basket-btn{ border-color: #26406A; } .mobile-basket-btn::before{ background-color: #26406A; } button.orange{ border-color: #26406A!important; background-color: #26406A!important; color: #FFFFFF; } button.orange.sec{ border-color: #19335D !important; background-color: #19335D !important; } .basket div.row div.info a.name{ color: #19335D; } .progress-bar .progress-bar-inside{ background-color: #26406A; } .modal.register h2:after, .register-module h2:after{ background-color: #26406A; } .body .address-box .controls a, .body .personal-info-box .controls a, .grid .row a{ color: #26406A; } input:checked+.slider{ background-color: #26406A; } #gdpr-box .agree{ background: #26406A; } .module.cs5 .tile-container, .tile.cs5 .tile-container { background: #26406A !important; } .module.cs5 .tile .tile-container .tile-content h3 { color: #FFFFFF !important; } .header .video .overlay { background:#26406A; } .customers-list .search-filters .row.breadcrumb h1 { color:#26406A !important; } .customers-list .list .customer .row h2 a { text-decoration: none; color:#26406A !important; } .overview .overview-header ul.categories li a{ background-color: white; color: #26406A; border: 1px solid #26406A; } .overview .overview-header ul.categories li a:hover, .overview .overview-header ul.categories li a.active{ background: #26406A; color: white; } .container-header ul li a.active:after { background-color: #26406A!important; } .module .submodule.vw6 .tile .text-container .price, .module.vw6 .tile .text-container .price{ color: #26406A; } .crop-menu button.active{ background-color: #07214B!important; } .custom-slider::-webkit-slider-thumb { background-color: #26406A!important; } .cs6 .tile-container{ background: #26406A!important; } .cs6 .tile-container .tile-content{ color: #FFFFFF!important; } .pagination a.active{ background-color: #26406A!important; border-color: #26406A!important; color: #FFFFFF!important; } .e-loket-results-table td a{ color: #26406A!important; } span.sample.cs5, span.sample.cs6 { background: #26406A; border-color: #26406A; color: #FFF; } .module.cs5 .tile .tile-container, .module.cs6 .tile .tile-container { background: #26406A!important; } .module.cs5 .tile .tile-content, .module.cs6 .tile .tile-content { color: #FFF !important; } .interests a.interest { background-color: white !important; color: #26406A !important; border: 1px solid #26406A !important; } .interests a.interest:hover { background: #26406A !important; color: white !important; } .tile-page-text a { color: #26406A; } .ranking-group-buttons button:hover{ background-color: #f4f5f7; } .ranking-group-buttons button.active{ background-color: #f4f5f7; border-bottom: none; } .company-view-type-btn.active{ color: #26406A!important; border-color: #26406A!important; font-weight: bold; } .company-view-type-btn{ color: #a1abbc; } .company-view-type-btn:hover{ border-color: #a1abbc; } .voting-block .img-container{ outline: 0px solid #26406A; } .voting-block.active .img-container, .voting-next-btn { outline: 4px solid #26406A; } .voting-block.active .img-container[data-after-counter]::after, .voting button, .voting-step.active .voting-step-inner::after, .voting-step.active .voting-step-inner::before{ background-color: #26406A; } .voting .voting-others-block.active input, .voting .voting-others-block input:focus{ margin-bottom: -3px!important; border: 4px solid #26406A; } .voting .scoring-btn{ color: #26406A; } .voting-block .img-overlay{ background: #26406A88; } .ranking-group-tile{ background-color: #26406A; } .ranking-group-pill{ background-color: #d4deef; } .ranking-group-select-container{ border-color: #26406A44; } </style> </head> <body data-language="fr" data-menu="117" data-portal="55" data-uid="" class="body website esbe "> <div class="main"> <nav class="menu active "> <div class="teaser"> <div class="teaser-wrapper">{{Text}}</div> <span class="close-teaser"><i class="icon fas fa-times"></i></span> </div> <div class="menu-wrapper"> <div class="logo-container" style="display:none;"> <a aria-label="Home" class="logo" href="/fr/home/"> <img data-src="/uploads/logos/svg/235220.svg" alt="Logo" src="/uploads/logos/svg/235220.svg" class="svg" onerror="this.src='/images/logo/WMG_nl.png'"> </a> </div> <div Class="width-wrapper h100"> <div class="search"> <h4>Information professionnelle pour l'energie renouvelable</h4> <form action="/fr/recherche/"> <input aria-label="Cherchez des articles, des vidéos, des fournisseurs et bien plus encore" id="search-input" data-translate-search="Cherchez des articles, des vidéos, des fournisseurs et bien plus encore" data-translate-and="et" data-translate-all="Tous" type="text" name="kw" placeholder="" class="tbx" autocomplete="off" value="" /> <input type="hidden" name="ob" value="1" /> <button class="btn fas" type="submit" aria-label="Search"></button> </form> </div> </div> <div class="nav"> <ul class="nav small"> <li Class="nav"><a href="/fr/surveyresults/"><i class="icon fas fa-chart-bar"></i>Études</a></li> <li Class="nav"><a href="/fr/winkelmandje/"><span class="basket-counter-wrapper"><i Class="icon fas fa-shopping-cart"></i><span Class="basket-counter ">0</span></span>Panier</a></li> <li class="nav small"><a class="last" href="/fr/aanmelden/?returnurl=https%3a%2f%2fenergysolutions.pmg.be%2ffr%2fprivacy%2f&redirecturl=https://energysolutions.pmg.be/fr/privacy/"><i class="icon fas fa-user"></i>Se connecter</a></li> <li Class="nav btn"><a class="btn" href="/fr/subscriptions/">S'abonner</a></li> </ul> <ul class="nav"> <li class="nav"><a href="/fr/recherche/?ct=1&ob=3&pf=3"><i class="icon fas fa-archive"></i>Articles</a></li> <li Class="nav"><a href="/fr/magazines/"><i class="icon fas fa-book-open"></i>Magazines</a></li> <li Class="nav"><a href="/fr/companyranking/"><i class="icon fas fa-truck"></i>Annuaires </a></li> <li Class="nav"><a href="/fr/evenementen/"><i class="icon fas fa-calendar-alt"></i>Calendrier</a></li> </ul> </div> <div Class="mobile-button-container"> <Button id="mobile-menu-button" aria-label="Menu"> <i Class="fas fa-bars"></i> <i Class="fas fa-times d-none"></i> </Button> </div> </div> <div class="context-wrapper bg-context "> <div class="width-wrapper position-relative"> <ul> <li><a href="/fr/recherche/sol">énergie solaire</a></li> <li><a href="/fr/recherche/wen">énergie éolienne</a></li> <li><a href="/fr/recherche/wpm">pompes à chaleur</a></li> <li><a href="/fr/recherche/est">stockage de l’énergie</a></li> <li><a href="/fr/recherche/enm">gestion de l’énergie</a></li> <li><a href="/fr/recherche/ldp">bornes de recharge</a></li> <li><a href="/fr/recherche/vrt">véhicules</a></li> </ul> </div> </div> </nav> <div Class="wrapper" id="top"> <div Class="content mt" id="content"> <div Class="banner appear nv"> <div Class="width-wrapper"> <div Class="banner-wrapper"> <a href="#"><img src="" /></a> <Button Class="hide-banner"><i class="icon fas fa-times"></i></Button> </div> </div> </div> <div Class="content-top-teaser teaser"> <div Class="width-wrapper"> <div Class="teaser-wrapper"></div> </div> <span Class="close-teaser"><i class="icon fas fa-times"></i></span> </div> <div id="ctr-168" class="container "> <div id="m1" class="module module78 cl3 vw1 ar1 cr0" data-id="168"> <h2 class="title ehidden"> </h2> <div class="width-wrapper article"> <div class="fcz gridpadding"> <p>DECLARATION DE CONFIDENTIALITE</p> <p>Nous accordons une grande importance à la protection de vos données personnelles et au respect de votre vie privée. Cette déclaration décrit la façon dont nous traitons vos données personnelles. Le traitement des données personnelles se fait en complète conformité avec la législation et la réglementation applicables, dont le Règlement Général sur la Protection des Données.  </p> <p>Ceci entraîne en tout cas que nous:</p> <ul> <li>traitons vos données personnelles en conformité avec le but pour lequel elles ont été renseignées, ces buts et le type de données personnelles sont décrits dans cette déclaration de confidentialité;</li> <li>limitons le traitement de vos données personnelles aux seules données minimales nécessaires aux objectifs pour lesquels elles sont traitées;</li> <li>demandons votre autorisation expresse si nous en avons besoin pour le traitement de vos données personnelles;</li> <li>avons pris des mesures techniques et organisationnelles appropriées afin de garantir la protection de vos données personnelles;</li> <li>ne transmettons pas de données personnelles à d’autres parties, à moins que ceci est nécessaire pour l’exécution des objectifs pour lesquelles elles sont renseignées;</li> <li>sommes au courant de vos droits en matière de données personnelles, voulons attirer votre attention sur ces droits et les respecter. </li> </ul> <p>Nous sommes responsables du traitement de vos données personnelles et contrôlons la fiabilité et la sécurité de ces données. Pour toutes les questions ou remarques liées à cette déclaration de confidentialité, vous pouvez nous contacter à l’adresse de courriel info@pmg.be ou via nos données de contact mentionnées ailleurs sur ce site Internet.</p> <p>En utilisant nos services, soit en communiquant vos données personnelles, vous donnez expressément votre accord sur la façon dont les données personnelles sont collectées et traitées, comme indiqué dans cette déclaration de confidentialité.  </p> <p><strong>Responsable de la déclaration de confidentialité</strong></p> <p>Cette déclaration de confidentialité vaut pour tous les services exploités par <br /> PM Editions nv, Torhoutsesteenweg 226/7, 8210 Zedelgem, info@pmg.be. <br /> Communément appelé PMG.</p> <p><strong>Applications de la déclaration de confidentialité</strong></p> <p>Cette déclaration de confidentialité s’applique à tous les services exploités par PMG:</p> <ul> <li>tous les services physiques dont la prise d’un abonnement, l’achat de produits, le placement d‘une commande, ...</li> <li>tous les services en ligne dont la consultation de contenu sur les sites Internet, les applications mobiles, l’inscription à des magazines en ligne, ... </li> <li>tous les autres services tels qu’assister à des événements, participer à des concours, ...</li> </ul> <p><strong>Collecte des données personnelles communiquées </strong></p> <p>Nous collectons et traitons vos données personnelles du fait que vous utilisez nos services et/ou parce que vous nous avez renseigné ces données en complétant un formulaire de contact, en plaçant une commande, en vous inscrivant à un magazine en ligne, en consultant le site Internet ou de toute autre manière par laquelle vous pouvez compléter vos données via ce site Internet.</p> <p>Ci-dessous, vous trouvez un aperçu des données personnelles que nous traitons, en fonction du produit ou service que vous prenez:</p> <ul> <li>nom, prénom, sexe, langue, année de naissance</li> <li>adresse</li> <li>numéro de téléphone</li> <li>adresse de courriel</li> </ul> <p><strong>Collecte des données personnelles sur la base de l‘utilisation de nos services en ligne</strong></p> <p>Les autres données personnelles que nous collectons sur la base d’une visite sur notre site Internet ou en utilisant nos services (en ligne):</p> <ul> <li>enregistrement de votre adresse IP, tout comme votre moteur de recherche et système d’exploitation, </li> <li>le site Internet externe que vous avez transmis sur ce site, </li> <li>les pages que vous avez visitées sur ce site Internet et la date et l’heure de chaque page que vous avez visitée sur ce site,</li> <li>données d’emplacement nécessaires pour livrer les services</li> </ul> <p>Ces informations sont exclusivement collectées pour livrer certains services ou produits, à des fins statistiques et en vue d’améliorer ce site Internet.</p> <p>Nous utilisons notamment des cookies et d’autres technologies similaires. </p> <p><strong>Données personnelles et données de mineurs sensibles</strong></p> <p>En aucun cas, nous collectons des données sensibles comme e.a. les données médicales, les préférences politiques, les préférences politiques, les préférences sexuelles, les croyances religieuses, l’origine raciale ou ethnique, ...</p> <p>Nos sites Internet et/ou services n’ont pas non plus l’intention de collecter les données personnelles des mineurs de -16 ans à moins qu’ils aient l’autorisation des parents ou d’un tuteur. Cependant, nous ne pouvons pas contrôler qu’un visiteur ait plus de 16 ans. Nous conseillons aux parents de s’impliquer dans les activités en ligne de leurs enfants, afin d’éviter de collecter des données sur les enfants sans autorisation parentale. Si vous êtes convaincu que nous avons collecté des données personnelles sur un mineur sans cette autorisation, contactez-nous via info@pmg.be, nous supprimons alors ces informations.</p> <p><strong>Objectifs pour la collecte de données personnelles</strong></p> <p>Nous n’utilisons les données que vous avez communiquées via le site Internet qu’en concordance avec le but pour lequel vous les avez communiquées, à savoir, selon le cas, </p> <ul> <li>fournir l’information/contenu demandé (importance justifiée)</li> <li>expédier des magazines en ligne (importance justifiée)</li> <li>créer un compte (importance justifiée)</li> <li>introduire vos commandes (importance justifiée)</li> <li>continuer de vous informer sur nos produits et nos services (importance justifiée)</li> <li>donner accès à nos services et événements (importance justifiée)</li> <li>ou vous adresser une autre communication (importance justifiée)</li> </ul> <p><strong>Partage des données personnelles</strong></p> <p>Les données personnelles ne sont pas transmises et ne sont jamais vendues à des tiers à moins que:</p> <ul> <li> La transmission soit indispensable pour livrer des services et produits de partenaires d’affaires et de tiers. </li> <li>Il s’agisse d’autorités compétentes qui l’ont demandé expressément ou dans le cas d’une obligation légale </li> <li>Vous ayez expressément donné votre accord, accord que vous pouvez reprendre à tout moment.</li> </ul> <p>Nous concluons un accord de traitement avec les entreprises qui traitent vos données pour garantir un même niveau de protection et surveiller la confidentialité de vos données. Nous restons responsables de ces traitements.</p> <p>Les données peuvent être traitées par nos soins dans un pays en dehors de l’Espace Economique Européen.</p> <p>Vous devez tenir compte du fait que les données que vous placez sur des endroits publics, comme des commentaires sur un livre d’invités, un blog ou un forum de discussion en ligne, peuvent être consultées par chacun. </p> <p><strong>Conservation des données personnelles</strong></p> <p>Les données personnelles sont conservées dans plusieurs fichiers de données sur nos serveurs. PMG ne conserve pas les données plus longtemps que le délai nécessaire au but pour lequel elles sont renseignées, dans le cadre de la loi. Le délai de conservation dépend du but pour lequel les données ont été obtenues ou collectées et des éventuelles obligations légales de conservation des données. Les données ne sont pas conservées plus de cinq ans après la dernière utilisation. <br /> <br /> Si vous avez des questions à ce propos, vous pouvez prendre contact via info@pmg.be.  <br /> Si vous ne souhaitez pas utiliser plus longtemps nos services papier et en ligne, vous pouvez toujours vous désinscrire en envoyant un courriel.</p> <p><strong>Protection des données personnelles</strong></p> <p>Nous avons pris des mesures techniques et organisationnelles appropriées pour protéger vos données personnelles contre un traitement, un accès, une utilisation, une perte ou une divulgation non autorisés. Nous avons pris les mesures suivantes pour protéger vos données personnelles:</p> <ul> <li>Toutes les personnes qui peuvent prendre connaissance de vos données pour le compte de PMG, sont tenues de respecter cette confidentialité.</li> <li>Nos collaborateurs sont informés de l’importance de la protection des données personnelles;</li> <li>Nous adoptions un nom d’utilisateur et une politique de mot de passe sur tous nos systèmes;</li> <li>Nous réalisons des sauvegardes des données personnelles afin de pouvoir les restaurer en cas d’incidents physiques ou techniques;</li> <li>Nous testons et évaluons régulièrement nos mesures;</li> <li>Les serveurs et appareils de nos collaborateurs sont équipés de logiciels de protection actuels, comme un scanner antivirus et un firewall. </li> </ul> <p>Si vous avez des indications d’abus ou si vous pensez que vos données ne sont quand même pas bien protégées, prenez contact via info@pmg.be.</p> <p><strong>Utilisation de cookies</strong></p> <p>Ce site Internet utilise des cookies.</p> <ul> <li>Cookies de nature temporaire, ceux-ci sont effacés dès que vous fermez votre moteur de recherche</li> <li>Cookies qui servent à pouvoir vous identifier lors d’une prochaine visite</li> <li>Cookies qui sont utilisés pour établir des statistiques sur la visite de ce site Internet. </li> </ul> <p>Vous pouvez même désactiver l’utilisation des cookies via les réglages de votre moteur de recherche Internet, mais il est alors possible que le site Internet et nos services en ligne ne fonctionnent plus correctement.</p> <p><strong>Vos droits concernant vos données personnelles</strong></p> <p>Vous avez un droit de regard et un droit de correction ou de suppression des données personnelles que nous avons reçues de votre part. Par ailleurs, vous avez le droit de retirer votre éventuelle autorisation de traitement des données ou d’émettre une objection contre le traitement de vos données personnelles par PMG. Vous avez aussi le droit de nous demander de transmettre les données que vous nous avez renseignées, à vous-même ou directement à une autre partie pour votre compte.</p> <p>Vous pouvez envoyer une demande d’accès, de correction, de suppression, de transfert de vos données personnelles ou une demande de retrait de votre autorisation ou d’objection de vos données personnelles à info@pmg.be. Nous réagissons à votre demande au plus vite, mais au plus tard dans les quatre semaines.</p> <p>Pour être certain que la demande d’accès vient de vous, et pour éviter tout abus, nous demandons de vous identifier de façon adéquate à l’aide d’une copie de votre carte d’identité. Nous vous conseillons fortement de rendre votre photo d’identité invisible et d’indiquer qu’il s’agit d’une copie. </p> <p><strong>Modifications dans la déclaration de confidentialité</strong></p> <p>Nous nous réservons le droit de modifier et/ou étendre cette déclaration de confidentialité à tout moment. Les conditions appropriées sont communiquées via cette page et sont valables à partir du moment où elles sont communiquées. Nous conseillons de consulter régulièrement cette page pour voir si des modifications sont intervenues. Nous communiquerons clairement les modifications importantes et, si nécessaire, nous vous mettrons personnellement au courant et demanderons votre autorisation.</p> <p><strong>Plaintes</strong></p> <p>Si vous avez une plainte concernent le traitement de vos données personnelles, nous vous demandons de prendre directement contact avec nous via info@pmg.be.</p> </div> </div> </div> </div> <div Class="colorscheme-menu module-context-menu"> <h6> Kleurenschema</h6> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs1" data-value="1"><span class="sample cs1">A</span> Normaal</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs2" data-value="2"><span class="sample cs2">A</span> Donker 1</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs3" data-value="3"><span class="sample cs3">A</span> PMG </Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs4" data-value="4"><span class="sample cs4">A</span> PMG 2</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs6" data-value="6"><span class="sample cs6">A</span> Eigen portaalkleur</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs5" data-value="5"><span class="sample cs5">A</span> Eigen portaalkleur (donker)</Button> </div> <div Class="columns-menu module-context-menu pd"> <h6> Aantal tegels per rij</h6> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl1" data-value="1"><span class="sample ar1"><span>1</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl2" data-value="2"><span class="sample ar1"><span>2</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl3" data-value="3"><span class="sample ar1"><span>3</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl4" data-value="4"><span class="sample ar1"><span>4</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl5" data-value="5"><span class="sample ar1"><span>5</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl6" data-value="6"><span class="sample ar1"><span>6</span></span></Button> </div> <div Class="aspectratio-menu module-context-menu pd"> <h6> Beeldverhouding</h6> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar11" data-value="11"><span class="sample ar11"><span>2:1</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar1" data-value="1"><span class="sample ar1"><span>16:9</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar5" data-value="5"><span class="sample ar5"><span>8:5</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar4" data-value="4"><span class="sample ar4"><span>3:2</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar3" data-value="3"><span class="sample ar3"><span>4:3</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar2" data-value="2"><span class="sample ar2"><span>1:1</span></span></Button>  </div> <div Class="view-menu module-context-menu pd"> <h6>Weergave</h6> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1 vwsm" data-value="8"><span class="sample ar1"><span>1 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1" data-value="1"><span class="sample ar1"><span>1 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1 vwlg" data-value="9"><span class="sample ar1"><span>1 L</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2 vwsm" data-value="10"><span class="sample ar1"><span>2 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2" data-value="2"><span class="sample ar1"><span>2 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2 vwlg" data-value="11"><span class="sample ar1"><span>2 L</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3 vwsm" data-value="12"><span class="sample ar1"><span>3 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3" data-value="3"><span class="sample ar1"><span>3 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3 vwlg" data-value="13"><span class="sample ar1"><span>3 L</span></span></Button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9 vwsm" data-value="15"><span class="sample ar1"><span>4 S</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9" data-value="16"><span class="sample ar1"><span>4 M</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9 vwlg" data-value="17"><span class="sample ar1"><span>4 L</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b vwsm" data-value="18"><span class="sample ar1"><span>5 S</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b" data-value="19"><span class="sample ar1"><span>5 M</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b vwlg" data-value="20"><span class="sample ar1"><span>5 L</span></span></button> </div> <div Class="corner-menu module-context-menu pd"> <h6>Hoeken afronden</h6> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr0" data-value="0"><span class="sample ar1 cr0"><span>0</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr1" data-value="1"><span class="sample ar1 cr1"><span>1</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr2" data-value="2"><span class="sample ar1 cr2"><span>2</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr3" data-value="3"><span class="sample ar1 cr3"><span>3</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr4" data-value="4"><span class="sample ar1 cr4"><span>4</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr5" data-value="5"><span class="sample ar1 cr5"><span>5</span></span></Button> </div> <div Class="content-bottom-teaser teaser"> <div Class="width-wrapper"> <div Class="teaser-wrapper"></div> </div> <span Class="close-teaser"><i class="icon fas fa-times"></i></span> </div> </div> </div> <footer> <div class="container sitemap"> <div class="width-wrapper"> <div class="col-3"> <img class="footer-logo" src="/images/logo/WMG_nl.png" alt="PMG logo" /> </div> <div class="col-3"> <h5 class="h5">Une édition de </h5> <ul> <li> <span>Professional Media Group</span> </li> <li> <a href="http://www.pmg.be" target="_blank" rel="noopener">www.pmg.be</a> </li> <li> <span> </span> </li> <li> <span>Tous droits réservés.</span> </li> <li> <a href="/fr/conditionsgenerales/">Conditions générales</a> </li> <li> <a href="/fr/privacy/">Privacy</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5"><a href="/">Energy Solutions</a></h5> <ul> <li> <a href="/fr/subscriptions/">S'abonner</a> </li> <li> <a href="/fr/annoncer/">Annoncer</a> </li> <li> <a href="https://www.pmg.be/fr/vacatures">Jobs</a> </li> <li> <a href="/fr/contact/">Contact</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5">Choisissez une langue</h5> <ul> <li> <a href="/nl/privacy/">Néerlandais</a> </li> <li> <a href="/fr/privacy/">Français</a> </li> </ul> </div> </div> </div> <div class="footer"> <div class="width-wrapper"> <ul class="footer-list"> <li class=""> <a href="/fr/contact/">Contact</a> </li> <li class=""> <a href="/fr/annoncer/">Annoncer</a> </li> <li class=""> <a href="/fr/conditionsgenerales/">Conditions générales</a> </li> <li class=""> <a href="/fr/privacy/">Politique de confidentialité</a> </li> </ul> </div> </div> </footer> <a Class="mobile-basket-btn d-none" href="/fr/winkelmandje/"> <i Class="fas fa-shopping-basket"></i> <span Class="basket-counter show">0</span> </a> </div> <div id="pnl-properties" Class="panel properties"> </div> <div id="global-message" Class="hidden"><div Class="text"></div></div> <div id="gdpr-box"> <h2 class="">Bienvenue chez Energy Solutions <i class="fas fa-cookie-bite text-brown"></i></h2> <Button Class="close" aria-label="Fermer"><i class="fas fa-times"></i></Button> <p> Energy Solutions utilise des cookies pour optimiser et personnaliser votre expérience utilisateur. En utilisant ce site web, vous acceptez <a Class="text-orange lowercase" href="/fr/privacy/">La gestion de confidentialité et des cookies</a>. </p> <Button Class="agree orange uppercase">D’accord</Button> </div> <div Class="modal-overlay"></div> <div Class="modals"> <div id="register-type2" Class="modal register"> <a href="#content" class="close-modal"><i class="fas fa-times"></i></a> <div class="modal-wrapper"> <div> <h1 class="uppercase">Inscrivez-vous</h1> <h2>Inscrivez-vous et devenez abonné en ligne gratuitement</h2> <form id="register-user-form" action="/api/account/registeruser" method="post"> <div Class="input-fields type2"> <label for="username">Adresse e-mail*</label> <input id="username" class="email required" type="email" name="Username" required /> <Label for="last-name">Nom*</Label> <input id="last-name" Class="email required" type="text" name="LastName" required autocomplete="off"> <Label for="first-name">Prénom*</Label> <input id="first-name" Class="email required" type="text" name="FirstName" required autocomplete="off"> <Label for="password1">Mot de passe*</Label> <input id="password1" Class="email required" type="password" name="password1" required autocomplete="off"> <p class="text-small">Minimum 6 caractères</p> <Label for="password2">Réintroduisez le mot de passe*</Label> <input id="password2" Class="email required" type="password" name="password2" required autocomplete="off"> </div> <input name="__RequestVerificationToken" type="hidden" value="lIF1fV5BbVLYAKYAYrYGoKCEfQ99kCTRa8-9ZYghWTs5kpnmwxqaKbR4urGQzdlYFJ4BSq0a94rSJYxLFCGxMA5kKonYvAFuQCuZ7ayQtZ81" /> <input type="hidden" id="hdnResponse" name="g-recaptcha-response" value="" /> <Button id="register-user-form-submit" Class="btn orange" type="submit">Sauvegarder</Button> <p class="info">Avec un profil d'utilisateur, vous avez accès à des fonctionnalités supplémentaires: réagir, acheter,...</p> <p class="fs-08"><strong class="text-bold mb-1 d-block">Vous êtes déjà enregistré??</strong><a class="text-orange" href="/fr/aanmelden/?redirecturl=https://energysolutions.pmg.be/fr/privacy/">Identifiez-vous pour continuer</a></p> </form> <div class="disclaimer"> <p>En vous inscrivant, vous recevrez le newsletter. Vous pouvez suspendre le newsletter à tout moment et sans autres formalités. Nous garantissons que votre adresse e-mail et autres données personnelles ne seront jamais communiquées à des tiers et seront uniquement utilisées pour l'envoi du newsletter. </p> <p>En vous inscrivant, vous acceptez <a href="/fr/privacy/" class="lowercase">Les conditions de respect de la vie privée</a>.</p> </div> </div> </div> </div> <div id="collections" Class="modal collections requiresContact"> <div Class="modal-wrapper overflow"> <h1>Ajouter à une collection</h1> <div class="row"> <div class="image"> <img class="collections-img" alt="" /> <div class="info"> <span class="collections-type"></span> </div> </div> <form class="form" autocomplete="off"> <label>Nom</label> <div class="row"> <input type="text" class="tbx collections-title" name="title" value="" /> </div> <label>Collection</label> <div class="row"> <input type="text" value="" class="tbx collections-item" name="collection" placeholder="zoek in uw collectie" required /> </div> <label>uw huidige collecties</label> <div class="row overflow list"> <ul id="collections-items" class="hidden onload" data-action="/api/collection/getcollections"> {{#rows}} <li><a href="#" onclick="return false;" data-value="{{name}}">{{name}}</a></li> {{/rows}} </ul> </div> <div class="btns"> <input type="hidden" class="collections-reference" name="reference" /> <input type="button" value="Sauvegarder" class="save-modal btn save right" data-action="/api/collection/save" data-success="Ajouté à la collection" data-error="L'ajout à la collection a échoué" /> </div> </form> </div> </div> <a href="#content" class="close-modal"><i class="fas fa-times"></i></a> </div> <div id="pick-address" Class="modal address-modal custom-scrollbar"> <a href="#content" Class="close-modal"><i Class="fas fa-times"></i></a> <div Class="modal-wrapper"> </div> </div> <div id="complete-profile" Class="modal complete-profile prevent-close"> <div class="modal-container"> <div class="modal-wrapper"> <div class="c-container"><div class="c1"><div class="c2 bg-orange"><i class="far fa-id-card"></i></div></div></div> <h1>Complétez votre profil</h1> <form id="save-profile-form" action="/api/roularta/SaveProfile?returnurl=https://energysolutions.pmg.be/fr/privacy/" method="post"> <div class="input-fields"> <label for="complete-profile-companyid">Entreprise</label> <select class="ddl complete-profile-company" id="complete-profile-company" name="CompanyReference" required></select> </div> <div class="input-fields"> <label for="complete-profile-companyid">Domaine d'emploi</label> <select class="ddl complete-profile-jobdomain" id="complete-profile-jobdomain" name="JobDomainID" required></select> </div> <input name="__RequestVerificationToken" type="hidden" value="rErq6aOYll2u4SsZVk_I58FnypXrgkmGlcVaCCPJo8b7GXH_UwLITJFTJKwnF-C4yFHHtBs3LZFsXd1BM3vuf46oJZuRgCb0jj_o4j9vpbI1" /> <input type="hidden" class="complete-profile-contactid" name="ContactID" value="0" /> <input type="hidden" class="complete-profile-id" name="ID" value="0" /> <div class="btns"><button class="btn orange" type="submit">Sauvegarder</button></div> </form> <a href="#" class="close-modal text-orange">souviens-toi de moi plus tard</a> </div> </div> </div> <div id="ajax-modal-container"> </div> <div id="change-abo-language" Class="modal change-abo-language"> <div class="modal-wrapper"> <h1>Changer de langue</h1> <form id="change-abo-language-form" action="/api/account/ChangeAboLanguage" method="post"> <div class="input-fields"> <Label for="credits">Langue</Label> <select class="change-abo-language-language mg-b-1" name="language"> <option value="nl" >Néerlandais</option> <option value="fr" >Français</option> </select> </div> <input name="__RequestVerificationToken" type="hidden" value="mdRvVbAf8S6SRlr58F4-EWndoBLlre2iLNO0Suxr_qRRZ7qv6H3d6yd6x6NiRdMBlw1g4httns9R2BGnSS4p0-bHOCthSGsd-veScDG9ZGM1" /> <input type="hidden" class="change-abo-language-aboid" name="aboid" /> <button id="change-abo-language-form-submit" class="btn orange" type="submit">Sauvegarder</button> </form> </div> </div> </div> <script> // Pass through back-End variables For easy use + prevent caching var userSecurityType = 0; var pageSecurityType = 0; var language = 'fr'; var menuReference = 'privacy'; // Pass some translations as global js variable -> all javascript files will be able to access these var globalTranslatedSave = 'Sauvegarder'; var globalTranslatedCancel = 'Annulez'; var csrfFieldHtml = '<input name="__RequestVerificationToken" type="hidden" value="SyAqj4SN5rvn5bYGPdaYHR7a2DH6xWf-CvJk0Xl0DVVTWoiaeyDMZ61wUNdO9Tevteo9EmDeHoS3JQM0FzNPYGr0YFY7GJe7jQO4DKmauN01" />'; var csrfFieldNode = new DOMParser().parseFromString(csrfFieldHtml, 'text/html').body.childNodes[0]; </script>  <script type="text/javascript" src="/Scripts/jquery-3.4.1.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/jquery-ui.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/jquery.appear.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/chosen.jquery.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/mustache.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/plupload.full.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/main.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/helper.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/stats.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/validate.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/basket.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/tooltipster.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/lightbox.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/comment.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/eloket-fo.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/pmg-tools.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/navigation.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/select2.full.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/swipe.min.js?ver=v1.09.184"></script> <script type="text/javascript" src="/Scripts/order.js?ver=v1.09.184"></script> <script src="https://plugin.pmg.be/3d/js/pmg3d.js"></script> <script src="https://plugin.pmg.be/3d/js/pmg3d_modal_viewer.js"></script> <script> function setBasketCounter(counter) { $('.basket-counter').html(counter).addClass('show'); if ($('#sub-nav-shop').hasClass('withorder') == false) { $('#sub-nav-shop').addClass('withorder'); $('#nav-li-shop').removeClass('hidden'); } $('.mobile-basket-btn.d-none').removeClass('d-none'); } // Keep track of timeout function var messageTimeout function ShowMessage(message, className, hideAfter) { // In case the fadeOut animation already started, make sure it stops $('#global-message').stop(); // Clear timeout in case another timeout was already running clearTimeout(messageTimeout); // Remove the previous class in case there was one $('#global-message').removeAttr('class'); $('#global-message').addClass('hidden').removeAttr("style"); $('#global-message .text').html(message); $('#global-message').addClass(className).removeClass('hidden'); if (className == 'fatal-error') { $('.modal-overlay').addClass('error').show(); } if (hideAfter > 0) { messageTimeout = setTimeout(HideMessage, hideAfter); } } function HideMessage() { $("#global-message").fadeOut("slow", function () { $('#global-message').attr('class', 'hidden').removeAttr("style"); // removed line below-> don't think we want modals to close everytime after a message is hidden? makes no sense + problems for modal after adding to shoppingcart // reset line with error class selector, should only be used on fatal-errors $('.modal-overlay.error').removeClass('error').hide(); // Clear timeout from ShowMessage() in case function was called from anything else than ShowMessage() // clearTimeout(messageTimeout); }); } $(document).keydown(function (e) { if (e.keyCode === 27) { $('body').removeClass('open'); $('a.toggle.open').removeClass('open'); $('.sub-nav.open').removeClass('open'); $('.module-context-menu').hide(); $('.context-menu').hide(); //$('#pnl-properties').removeClass('open'); } }); $(document).on('keyup', '.collections-item', function (e) { keyword = $(this).val().toUpperCase(); $("#collections-items li").each(function (index) { if ($(this).children('a').html().toUpperCase().indexOf(keyword) > -1) { $(this).show(); } else { $(this).hide(); } }); }); $(document).on('click', '#btnActionStart', function (e) { e.preventDefault(); $(this).toggleClass('open'); $('#ulActionStart').toggleClass('open'); }); $(document).on('click', 'form.recaptcha-form button[type="submit"]', function (e) { console.log('recaptcha function triggered'); e.preventDefault(); var $form = $(this).closest('form'); grecaptchaCheckAndPost($form); }); function grecaptchaCheckAndPost($form) { // Pass a jquery form object to add a hidden recaptcha field to // use this when another function already overrides the click function and submits the form -> this could skip the .recaptcha-form and submit without it being properly called // this doesn't trigger any submit event, submitting has to happen elsewhere if using this function var $button = $form.find('button[type="submit"]'); console.log($form); grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { var $hiddenInput = $('<input type="hidden" name="g-recaptcha-response"/>'); $hiddenInput.val(token); $hiddenInput.insertBefore($button); $form.submit(); }); }); } $(document).on('click', '#register-contact-form button[type="submit"]', function (e) { e.preventDefault(); var $form = $("#register-contact-form"); // Added checkValidity to make sure required emailfield is set!!! if (!$form[0].checkValidity()) { return; } grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { $('#register-contact-form #hdnResponse').val(token); $form.submit(); }); }); }); $(document).on('click', '#register-user-form-simple button[type="submit"]', function (e) { e.preventDefault(); grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { $('#register-user-form-simple #hdnResponse').val(token); $("#register-user-form-simple").submit(); }); }); }); $(document).on('click', '#register-user-form button[type="submit"]', function (e) { e.preventDefault(); grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { $('#register-user-form #hdnResponse').val(token); $("#register-user-form").submit(); }); }); }); $(document).on('click', '.filter.categories', function (e) { e.preventDefault(); if ($('#pnl-settings').hasClass('open')) { $('#pnl-settings').removeClass('open'); $('.menu').removeClass('open'); $('body').removeClass('open'); } else { $('#pnl-settings').addClass('open'); $('.menu').addClass('open'); $('body').addClass('open'); } }); $(document).on('click', '#collections-items li a', function (e) { $('#collections-items li a.active').removeClass('active'); $(this).addClass('active'); $('.collections-item').val($(this).data('value')); }); $(document).on('click', 'a.cm', function (e) { var cm = $(this).attr('data-cm'); var o = $('#' + cm); var left = parseInt($(this).position().left) + 15; var top = parseInt($(this).position().top) + 15; var rightPositionCm = left + o.width() + 100; var rightPositionWindow = window.innerWidth; var right = 32; o.removeAttr('style'); // Responsive behaviour if (rightPositionCm > rightPositionWindow) { o.css('right', right + 'px'); } else { o.css('left', left + 'px'); } o.css('top', top + 'px'); $('body').toggleClass('open'); o.toggle(); }); $(document).on('click', 'body.open:not(.toggle)', function (e) { console.log($(e.target)); if ($(e.target).closest('.sub-nav.open').length === 0) { $('body').removeClass('open'); $('a.toggle.open').removeClass('open'); $('.sub-nav.open').removeClass('open'); $('.menu').removeClass('open'); } if ($(e.target).closest('.module-context-menu').length === 0) { $('.module-context-menu').hide(); } if ($(e.target).closest('.context-menu').length === 0) { $('.context-menu').hide(); } if ($(e.target).closest('.panel').length === 0 && $(e.target).closest('.tile').length === 0) { $('.panel.open').removeClass('open'); $('.edit [data-prop]').removeAttr('id').removeClass('active'); } }); $(document).on('click', 'body', function (e) { if (!$(e.target).is('.tile, .tile *, .panel, .panel *')) { $('.panel.open').removeClass('open'); $('.edit [data-prop]').removeAttr('id').removeClass('active'); } }); $(document).on('click', 'button.filter:not(.categories)', function (e) { e.preventDefault(); e.stopPropagation(); var filter = $(this).data('filter'); var value = $(this).data('value'); $('#advancedsearch #' + filter).val(value); $("#advancedsearch").submit(); }); $(document).on('click', 'button.switch', function (e) { $(this).toggleClass('active'); var group = $(this).data('group'); var filter = $(this).data('filter'); var value = $(this).data('value'); var values = '0'; $("#group-" + group + ' button').each(function (index) { if ($(this).hasClass('active')) { values += ',' + $(this).data('value'); } }); $('#advancedsearch #' + filter).val(values); $("#advancedsearch").submit(); }); $(document).on('click', 'button.group', function (e) { e.preventDefault(); e.stopPropagation(); var group = $(this).data('group'); if ($("#group-" + group).hasClass('open')) { $(this).removeClass('open'); $('#gp').val(''); $("#group-" + group).removeClass('open').animate({ height: "0px" }, 400, function () { $("#group-" + group).hide(); }); } else { $(this).addClass('open'); $('#gp').val(group); $("#group-" + group).show(); $("#group-" + group).addClass('open').animate({ height: "50px" }, 400, function () { // Animation complete. }); } }); function closeModal() { $('.modal-overlay').hide(); $('.modals').hide(); $('.modals-extra').hide(); $('.modal').hide(); $('body').removeClass('noscroll'); $('.modal-ajax-load').remove(); } $(document).on('mousedown', '.modals:not(.modal)', function (e) { if ($(e.target).closest('.modal').length === 0) { // Check if modal is allowed to be closed if ($(this).hasClass('prevent-close')) { return } closeModal(); } }); $(document).on('mousedown', '.modals-extra:not(.modal)', function (e) { if ($(e.target).closest('.modal').length === 0) { // Check if modal is allowed to be closed if ($(this).hasClass('prevent-close')) { return } closeModal(); } }); $(document).on('click', '.close-modal', function (e) { e.preventDefault(); e.stopPropagation(); closeModal(); }); $(document).on('click', '.save-modal', function (e) { e.preventDefault(); e.stopPropagation(); var form = $(this).closest("form"); var formdata = form.serializeArray(); var action = $(this).data('action'); var successMsg = $(this).data('success'); var errorMsg = $(this).data('error'); var call = $(this).data('call'); var redirect = $(this).data('redirect'); $.ajax({ type: "POST", url: action, contentType: 'application/json; charset=utf-8', data: JSON.stringify({ formData: formdata }), dataType: "json", error: function (msg) { ShowMessage(errorMsg, 'error', 4000); closeModal(); }, success: function (msg) { if (call != undefined){ window[call](msg); } if (redirect != undefined){ window.location.href = redirect; } if (successMsg) { ShowMessage(successMsg, 'success', 4000); } closeModal(); } }); }); $(document).on('click', '.call-function', function (e) { e.preventDefault(); e.stopPropagation(); var form = $(this).closest("form"); var formdata = form.serializeArray(); var action = $(this).data('action'); var successMsg = $(this).data('success'); var errorMsg = $(this).data('error'); var call = $(this).data('call'); var redirect = $(this).data('redirect'); var callParams = $(this).data('call-params'); $.ajax({ type: "POST", url: action, contentType: 'application/json; charset=utf-8', data: JSON.stringify({ formData: formdata }), dataType: "json", error: function (msg) { ShowMessage(errorMsg, 'error', 4000); }, success: function (msg) { if (call != undefined) { window[call](callParams, msg); } if (redirect != undefined) { window.location.href = redirect; } if (successMsg) { ShowMessage(successMsg, 'success', 4000); } } }); }); $(document).on('click', '.open-modal', function (e) { e.preventDefault(); e.stopPropagation(); var modal = $(this).data('modal'); $('body').addClass('noscroll'); $('.modal-overlay').show(); if ($(this).hasClass('extra')) { $('.modals-extra').css('display', 'flex'); } else { $('.modals').css('display', 'flex'); } if ($('#' + modal).hasClass('requiresContact') && userSecurityType < 1) { var modal = 'register'; $('#' + modal).show(); return; } else if($('#' + modal).hasClass('requiresUser') && userSecurityType < 3) { var modal = 'register-type2'; $('#' + modal).show(); return; } else { $('#' + modal).show(); } $('#' + modal).find('.onload').each(function (index) { var action = $(this).data('action'); var template = $(this).html(); var id = $(this).attr('id'); $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: action, dataType: "json", error: function (json) { }, success: function (json) { if (json.rows.length > 0) { $('#' + id).html((Mustache.to_html(template, json))); $('#' + id).removeClass('hidden'); } else { $('#' + id).addClass('hidden'); } } }); }); $.each($(this).data(), function (i, v) { if ($('.' + modal + '-' + i).is("img")) { $('.' + modal + '-' + i).attr('src', v); $('.' + modal + '-' + i).val(v); } else { if ($('.' + modal + '-' + i).is("span") || $('.s' + modal + '-' + i).is("p")) { $('.' + modal + '-' + i).html(v); } else { if ($('.' + modal + '-' + i).is("a")) { if (v.indexOf('|') > -1) { $('.' + modal + '-' + i).text(v.split('|')[0]); $('.' + modal + '-' + i).attr('href', v.split('|')[1]); } } else { $('.' + modal + '-' + i).val(v); } } } }); }); $(document).ready(function () { $(document).on('click', '.requestToken', function (e) { e.preventDefault(); var typeID = $(this).attr('data-type'); var customerReference = $('input.customerReference').val(); var customerEmail = $('input.customerEmail').val(); $.ajax({ type: "POST", contentType: 'application/json; charset=utf-8', url: "/api/customer/CreateToken", dataType: "json", data: "{typeID:" + typeID + ", customerReference:'" + customerReference + "', customerEmail:'" + customerEmail + "'}", error: function (msg) { ShowMessage('Er is een fout opgetreden. Probeer later opnieuw.', 'error', 6000); }, success: function (msg) { if (msg > 0) { if (menuReference == 'authenticatie') { $('.authentication .step1').addClass('hidden'); $('.authentication .step2').removeClass('hidden'); if (msg == 1) { ShowMessage('Code d'authentication a été envoyé par mail', 'success', 10000); } if (msg == 2) { ShowMessage('Code d'authentication a été envoyé par mail et message', 'success', 10000); } } else { window.location = '/' + language + '/authenticatie/?type=' + msg + '&klnr=' + customerReference; } } else { ShowMessage('Numéro client et/ou adresse e-mail ne sont pas correctes', 'error', 6000); } } }) }); window.onbeforeunload = confirmExit; function confirmExit() { if ($('body').hasClass('adapted')) { return "You have attempted to leave this page. Are you sure?"; } } collect(1, 1, 'fr', 55, document.title, '', '', 117); partnercollect('fr', 55, $('#hdnPartners').val(), $('#hdnSearchKeywords').val(), $('#hdnSearchReference').val()); errorMsg = {"Code":null,"Message":null,"Type":null,"HideAfter":0}; if (errorMsg.Code !== null && errorMsg.Code != '') { ShowMessage(errorMsg.Message, errorMsg.Type, errorMsg.HideAfter); } // Address radio buttons $(document).on('change', 'input[name="InvoiceUserTypeID"]:radio', function () { switch($(this).val()) { case '1': $('#pnlUserType2').addClass('d-none'); $('#pnlUserType2 input').prop('required', false); break; case '2': $('#pnlUserType2').removeClass('d-none'); $('#pnlUserType2 input').prop('required', true); break; default: $('#pnlUserType2').addClass('d-none'); $('#pnlUserType2 input').prop('required', false); } }); $("input[name=DeliveryOtherAddress]:radio").change(function () { switch($(this).val()) { case '0': $('#pnlAddress2').addClass('d-none'); $('[data-target="delivery-address-box"]').addClass('d-none'); break; case '1': $('#pnlAddress2').removeClass('d-none'); $('[data-target="delivery-address-box"]').removeClass('d-none'); break; default: $('#pnlAddress2').addClass('d-none'); $('[data-target="delivery-address-box"]').addClass('d-none'); } }); $(".tariff ul.list li.tab a").click(function (e) { e.preventDefault(); var tab = $(this).data('tab'); $(".tariff .container-header .list li.tab a").removeClass('active'); $(".tariff .container-left div.tab").removeClass('open'); $(this).addClass('active'); $(".tariff .container-left div[data-tab='" + tab + "']").addClass('open'); $('.tariff .container-header span.title').removeClass('active'); $(".tariff .container-header span.title[data-tab='" + tab + "']").addClass('active'); $(".tariff .container-right div.extra.toggle").hide(); $(".tariff .container-right div.extra.toggle[data-tab='" + tab + "']").show(); if (tab == 'online') { $('.info-viewer-link').attr('href', $('.info-viewer-link').attr('data-newsletter')); $('.info-viewer-btn').attr('href', $('.info-viewer-link').attr('data-newsletter')); } else { $('.info-viewer-link').attr('href', $('.info-viewer-link').attr('data-magazine')); $('.info-viewer-btn').attr('href', $('.info-viewer-link').attr('data-magazine')); } // change url after clicking a tab window.history.replaceState('', '', window.location.href.split('?')[0] + '?opentab=' + tab); }); var playPromise; var s = 0; var timeout; $(".tile").hover(function () { var velm = $(this); timeout = setTimeout(function () { // Only when video is available use play() method to prevent console errors if (velm.find('.tile-video').children('video').length > 0) { velm.find('.tile-video').show(); if (velm.find('.tile-video').hasClass('cover')) { s = velm.find('.tile-video').attr('data-second'); if (s > 0) { velm.find('.tile-video').children("video")[0].addEventListener('loadedmetadata', function () { this.currentTime = s; }, false); //velm.find('.tile-video').children("video")[0].currentTime = s; } } playPromise = velm.find('.tile-video').children("video")[0].play(); velm.find('.tile-image').css('z-index', '1'); velm.find('.tile-video').css('z-index', '2'); } }, 1000); }, function () { clearTimeout(timeout); if ($(this).find('.tile-video').children('video').length > 0) { $(this).find('.tile-video').hide(); $(this).find('.tile-image').css('z-index', '2'); $(this).find('.tile-video').css('z-index', '1'); var el = $(this).find('.tile-video').children("video")[0]; if (playPromise !== undefined) { playPromise.then(function () { el.pause(); }) } el.currentTime = s; } }); }); $(document).on('click', 'a.toggle', function (e) { e.preventDefault(); e.stopPropagation(); var sub = $(this).data('sub'); if ($(this).hasClass('open')) { $('body').removeClass('open'); $(this).removeClass('open'); $('#' + sub).removeClass('open'); } else { $('a.toggle.open').removeClass('open'); $('.sub-nav.open').removeClass('open'); $('body').addClass('open'); $(this).addClass('open'); $('#' + sub).addClass('open'); } }); if ($('.advancedsearch').length) { var sticky = $('.advancedsearch').offset().top - 100; } if ($(document).scrollTop() > 0) { $('.menu').addClass('scrolled'); $('body').addClass('s'); } if ($(document).scrollTop() > 450) { $('body').addClass('scrolled'); } $(document).scroll(function () { var y = $(this).scrollTop(); if (y > 0) { $('.menu').addClass('scrolled'); $('body').addClass('s'); } else { $('.menu').removeClass('scrolled'); $('body').removeClass('s'); } if (y > 450) { $('body').addClass('scrolled'); } else { $('body').removeClass('scrolled'); } if ($('.advancedsearch').length) { if (window.pageYOffset >= sticky) { //$('.advancedsearch').addClass("sticky") //$('.content').addClass("sticky") } else { //$('.advancedsearch').removeClass("sticky"); //$('.content').removeClass("sticky") } } }); var isFormBusy = false; // Register Contact Form (Security type = 1) $(document).on('submit', '#register-contact-form', function (e) { if (!isFormBusy) { isFormBusy = true; e.preventDefault(); var ajaxUrl = '/api/account/iscontact'; var loginUserUrl = '/api/account/logon' var email = $('#register-contact-form').find('[name="username"]').val(); var currentForm = $('#register-contact-form'); // Voer Ajax uit $.ajax({ type: "POST", url: ajaxUrl, data: "Email=" + email, error: function (msg) { ShowMessage(errorMsg, 'error', 4000); $('.modal-overlay').hide(); $('.modals').hide(); $('.modal').hide(); $('body').removeClass('noscroll'); }, success: function (isRegisteredUser) { if (isRegisteredUser) { // User is already a registered user, in this case the user has to give his password in order to get access to the account var passwordField = '<label for="password">Mot de passe</label><input id="password" class="password" type="password" name="password" required>'; currentForm.attr('action', loginUserUrl); currentForm.find('.input-fields').append(passwordField); var parentContainer = currentForm.parents('#register'); parentContainer.find('h1').html('Bienvenue!') parentContainer.find('h2').html('Identifiez-vous pour continuer'); parentContainer.find('h3').html('Vous ne l'êtes pas encore? '); parentContainer.find('.other-method').html('<a class="text-orange" href="/fr/aanmelden/?redirecturl=https://energysolutions.pmg.be/fr/privacy/">Inscrivez-vous</a> comme nouvel utilisateur.') parentContainer.find('.info').html('Vous avez déjà un profil d'utilisateur, veuillez introduire votre mot de passe pour avoir accès à votre compte. <br><a class="text-orange" href="/fr/wachtwoordvergeten/">Créer un mot de passe/mot de passe oublié? </a>') currentForm.find('[type="submit"]').html('Se connecter'); currentForm.attr('id', 'login-user-form'); currentForm.find('#password').focus(); isFormsBusy = false; } else { // User isn't a registered user yet, in this case the form is sent and authenticated based only on the email currentForm.attr('id', 'approved-contact-form') $('#approved-contact-form').submit(); } } }); }; }); $(document).on('submit', '#register-user-form', function (e) { e.preventDefault(); if (!isFormBusy) { isFormBusy = true; currentForm = $(this) var password1 = currentForm.find('#password1').val(); var password2 = currentForm.find('#password2').val(); if (password1 === password2) { currentForm.attr('id', 'register-user-checked-form'); $('#register-user-checked-form').submit(); } else { if (currentForm.find('.input-message-error').length == 0) { currentForm.find('#password2').addClass('input-error'); currentForm.find('.input-fields').append('<p class="input-message-error">De ingevoerde wachtwoorden zijn verschillend.</p>') } isFormBusy = false; } } }); // Remove error on keyup in input fields $(document).on('keydown', '#register-user-form input', function (e) { currentForm = $('#register-user-form'); currentForm.find('#password2').removeClass('input-error'); currentForm.find('.input-message-error').remove(); }); $('body').on('click', '.to-top', function () { $('html, body').animate({ scrollTop: 0 }, '500'); }); function myCustomURLConverter(url, node, on_save) { // new function, old one didn't work properly (was impossible to link to another pmg domain) if (node) { // start by checking if the url needs any conversion (= absolute url for one of our own domains) if (url.startsWith('http') && (url.includes('pmg.be') || url.includes('dobbit.be')) && !url.includes('3d.pmg.be') && !url.includes('campagnes')) { // only convert urls for images if (node == 'img' || node == 'IMG') { url = url.substr(url.indexOf('/', 8)); // Adjusted, before this only removed the http:// not https://, resulted in problems when copy pasting from other article } } } return url; } </script> <script> /* Track external links */ function trackLink() { // Get the href link form the a tag var redirectUrl = $(this).attr('href'); var currentUrl = window.location.href; var title = document.title; var data = { RedirectUrl: redirectUrl, Url: currentUrl, Language: 'fr', Title: title, UID: '', MenuID: 117 } if ($(this).attr('data-ad-code')) { data.AdCode = $(this).attr('data-ad-code'); } // If the first 4 character of the link are http, prevent the initial redirect if (redirectUrl && redirectUrl.substring(0, 4) == 'http') { // Send Ajax request to api to keep track of clicks $.ajax({ url: "/api/stats/trackexternallink", data: data }) .done(function () { }); } } $('body').on('click', 'a:not([data-ad-code])', trackLink); $('body:not(.fcz)').on('click', '[data-ad-code]', trackLink); //Toolstipster $('.tooltip:not(.autoplay)').tooltipster({ animation: 'grow', animationDuration: 100, theme: ['tooltipster-noir', 'tooltipster-noir-customized'], trigger: 'custom', triggerOpen: { mouseenter: true, click: true, tap: true, }, triggerClose: { mouseleave: true, click: true, tap: true, } //trigger: { // click: true, // hover: true, // tap: true, //} //trigger: 'click', }); //Toolstipster Auto //$('.tooltip.autoplay').tooltipster({ // animation: 'grow', // animationDuration: 400, // theme: ['tooltipster-noir', 'tooltipster-noir-customized'], // trigger: 'click', //}); //if ($('.tooltip.autoplay').length > 0){ // setTimeout(function () { // $('.tooltip.autoplay').first().click(); // $('.modal-overlay').addClass("open auto-tooltip"); // $('.tooltip.autoplay').css({ 'position': 'relative', 'z-index': 99999999999 }) // }, 2000) //} //$('body').on('click', '.auto-tooltip', function () { // $('.auto-tooltip').removeClass("open auto-tooltip"); //}) </script> </body> </html>

CINXE.COM

Energy Solutions