Abonnementen - 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>Abonnementen - 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="Abonnementen" /> <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/subscriptions/"> <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="217" 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%2fsubscriptions%2f&redirecturl=https://energysolutions.pmg.be/fr/subscriptions/"><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-300" class="container cs1 "> <div id="m1" class="module module5 cl2 vw6 ar1 cs1 cr0" data-id="300"> <h2 class="title">Abonnementen</h2> <div class="width-wrapper d-flex"> <div class="container-left"> <div Class="width-wrapper"> <div class="tile" data-i="1"> <a href="/fr/dossier/LESbe2301W02_00/energy-solutions-1-an-print-acces-en-ligne-a" data-urlreference="" data-urlparams="" data-id="220606"> <div class="tile-container"> <div class="tile-image" data-id="360777"> <img src="/uploads/articles/tiles/cache/360777_SIZE_400_400.jpg" oneerror="this.src='/images/no-image.png';" data-src="/uploads/articles/tiles/360777.jpg" data-original-file-id="360777" data-handler="handleArticleTileImageEdit" alt=""> </div> <div Class="tile-content"> <span Class="icons"> <span Class="titles"> <h3>ENERGY SOLUTIONS 1 AN PRINT + ACCÈS EN LIGNE À 8 REVUES SUR LA CONSTRUCTION</h3> <div class="price">€ 6,25 / Mois</div> </span> </span> </div> </div> <div class="text-container"> <div class="text-content"> <div class="extra"> <div class="price"> <span class="old-price"><span Class="euro">€</span> 100,00</span> <span class="euro">€</span>75,00 <span class="text-small">(hors TVA)</span> </div> </div> <label class="lbl-interest">SYSTÈMES DE MONTAGE SOLAIRE</label> <h3>Energy solutions 1 an print + accès en ligne à 8 revues sur la construction</h3> <p class="description"></p> </div> </div> </a> </div> </div> </div> <div class="container-right article gridpadding"> <div class="bg-lightyellow border rounded pd-2 mg-b-2"> <h2 class="fs-15 text-bold mb-3">Plus de produits?</h2> <p class="lh-15"><a class="text-orange" href="/fr/aanmelden/?redirecturl=https://energysolutions.pmg.be/fr/subscriptions/">Enregistrez-vous ou identifiez-vous</a> <span class="lowercase">Pour recevoir nos offres spéciales</span>.</p> </div> <div class="bg-lightgray border rounded fcz"> <img src="/images/print-magazine-img.jpg" /> <p class="pd-2"><strong>Repoussez vos limites!</strong><br />Abonnez-vous gratuitement au magazine en ligne et approfondissez vos connaissances grâce aux nombreux dossiers et articles détaillés propres à votre secteur d'activité.</p> </div> </div> </div> </div> </div> <div id="ctr-298" class="container cs1 "> <div id="m2" class="module module5 cl2 vw6 ar1 cs1 cr0" data-id="298"> <h2 class="title">Repoussez vos limites</h2> <div class="width-wrapper d-flex"> <div class="container-left"> <div Class="width-wrapper"> <div class="tile" data-i="1"> <a href="/fr/dossier/LELbe2000W00_06/electricien-1-an-print-acces-en-ligne-a-8-rev" data-urlreference="" data-urlparams="" data-id="156737"> <div class="tile-container"> <div class="tile-image" data-id="170961"> <img src="/uploads/articles/tiles/cache/170961_SIZE_400_400.jpg" oneerror="this.src='/images/no-image.png';" data-src="/uploads/articles/tiles/170961.jpg" data-original-file-id="170961" data-handler="handleArticleTileImageEdit" alt=""> </div> <div Class="tile-content"> <span Class="icons"> <span Class="titles"> <h3>ELECTRICIEN 1 AN PRINT + ACCÈS EN LIGNE À 8 REVUES SUR LA CONSTRUCTION</h3> <div class="price">€ 6,25 / Mois</div> </span> </span> </div> </div> <div class="text-container"> <div class="text-content"> <div class="extra"> <div class="price"> <span class="old-price"><span Class="euro">€</span> 100,00</span> <span class="euro">€</span>75,00 <span class="text-small">(hors TVA)</span> </div> </div> <label class="lbl-interest">COMPOSANTS ELECTRONIQUES</label> <h3>Electricien 1 an print + accès en ligne à 8 revues sur la construction</h3> <p class="description"></p> </div> </div> </a> </div> <div class="tile" data-i="2"> <a href="/fr/dossier/LSNbe2000W00_06/sanilec-1-an-print-acces-en-ligne-a-8-revues" data-urlreference="" data-urlparams="" data-id="156504"> <div class="tile-container"> <div class="tile-image" data-id="171049"> <img src="/uploads/articles/tiles/cache/171049_SIZE_400_400.jpg" oneerror="this.src='/images/no-image.png';" data-src="/uploads/articles/tiles/171049.jpg" data-original-file-id="171049" data-handler="handleArticleTileImageEdit" alt=""> </div> <div Class="tile-content"> <span Class="icons"> <span Class="titles"> <h3>SANILEC 1 AN PRINT + ACCÈS EN LIGNE À 8 REVUES SUR LA CONSTRUCTION</h3> <div class="price">€ 6,25 / Mois</div> </span> </span> </div> </div> <div class="text-container"> <div class="text-content"> <div class="extra"> <div class="price"> <span class="old-price"><span Class="euro">€</span> 100,00</span> <span class="euro">€</span>75,00 <span class="text-small">(hors TVA)</span> </div> </div> <label class="lbl-interest">SANITAIRE</label> <h3>Sanilec 1 an print + accès en ligne à 8 revues sur la construction</h3> <p class="description"></p> </div> </div> </a> </div> </div> </div> <div class="container-right article gridpadding"> <div class="bg-lightyellow border rounded pd-2 mg-b-2"> <h2 class="fs-15 text-bold mb-3">Plus de produits?</h2> <p class="lh-15"><a class="text-orange" href="/fr/aanmelden/?redirecturl=https://energysolutions.pmg.be/fr/subscriptions/">Enregistrez-vous ou identifiez-vous</a> <span class="lowercase">Pour recevoir nos offres spéciales</span>.</p> </div> </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/subscriptions/">Néerlandais</a> </li> <li> <a href="/fr/subscriptions/">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="QKHY19of_eEkPQ9jZ1nmk06XkqjnB41PAfY7Zgr0NEly5sE0dor9la7Pd7TUEz3X0rliuS5O9QMyoOJFv1_m7FwEWNRl0FBFt1441HQItvI1" /> <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/subscriptions/">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/subscriptions/" 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="PBZjgvQpj7lOU96o6osY2DZyiuMOqy6Y5gFPx5YD0OgPxsQNfIyWPM8WxAhMqrHtxKOt8dPLS06_Fwb7eQ4UutP5F6m_5CS9_t88i_3jXqU1" /> <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="SK0H2PChx9KGqjM53_uDnm4Ete4fXth8GV7ACvQQ2KEgvLplQ0SDlaOVSvA9qLx-Di-D379oAbmqkj19Puqgb-oHz7vk2GU0szAUzbyFmj81" /> <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 = 'subscriptions'; // 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="MRlxH5VCS40ropRNMA26ebAMgQoVjUu8w1fFjv1dVCueU0Db-BkDQWEUVIPBE1Ve6bKFb2cA8X8WLZQykQyfCCh-qUACxp1eKroCOGQEnLA1" />'; 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, '', '', 217); 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/subscriptions/">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: 217 } 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

Abonnementen - Energy Solutions