Marktgids - Energy Solutions

<!DOCTYPE html> <html lang="en"> <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>Marktgids - Energy Solutions</title> <meta name="description" content="" /> <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="Marktgids" /> <meta name="description" property="og:description" content="" /> <meta property="og:image" /> <meta name="url" property="og:url" content="https://energysolutions.pmg.be/en/companyranking/"> <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="en" data-menu="94" 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="/en/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></h4> <form action="/en/search/"> <input aria-label="Zoek artikels, video's, leveranciers en meer" id="search-input" data-translate-search="Zoek artikels, video's, leveranciers en meer" data-translate-and="en" data-translate-all="Alle" 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="/en/surveyresults/"><i class="icon fas fa-chart-bar"></i>Surveys</a></li> <li Class="nav"><a href="/en/winkelmandje/"><span class="basket-counter-wrapper"><i Class="icon fas fa-shopping-cart"></i><span Class="basket-counter ">0</span></span>Winkelmandje</a></li> <li class="nav small"><a class="last" href="/en/aanmelden/?returnurl=https%3a%2f%2fenergysolutions.pmg.be%2fen%2fcompanyranking%2f&redirecturl=https://energysolutions.pmg.be/en/companyranking/"><i class="icon fas fa-user"></i>Sign up</a></li> <li Class="nav btn"><a class="btn" href="/en/abonnementen/">Abonneren</a></li> </ul> <ul class="nav"> <li class="nav"><a href="/en/search/?ct=1&ob=3&pf=3"><i class="icon fas fa-archive"></i>Artikels</a></li> <li Class="nav"><a href="/en/magazines/"><i class="icon fas fa-book-open"></i>Magazines</a></li> <li Class="nav"><a href="/en/companyranking/"><i class="icon fas fa-truck"></i>Adresgidsen</a></li> <li Class="nav"><a href="/en/evenementen/"><i class="icon fas fa-calendar-alt"></i>Calendar</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="/en/search/sol">solar energy</a></li> <li><a href="/en/search/wen">wind energy</a></li> <li><a href="/en/search/wpm">heat pumps</a></li> <li><a href="/en/search/est">energy storage</a></li> <li><a href="/en/search/enm">energy management</a></li> <li><a href="/en/search/ldp">charging stations</a></li> <li><a href="/en/search/vrt">vehicles</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-131" class="container "> <div id="m1" class="module module56 cl3 vw1 ar1 cr0" data-id="131"> <h2 class="title ehidden"> </h2> <div class="width-wrapper"> <div class="article container"> <div class="container-left"> <h1 class="h2 mg-b-1 uppercase">Adresgidsen</h1> <form id="ranking-filter-form" action="#" method="GET"> <h1 class="h3 mb-2 uppercase">Welke gids zoekt u?</h1> <div class="ranking-group-select-container"> <div class="ranking-group-select-items-container"> <a href="?GroupTypeID=1" class="text-orange"> <h2>SUPPLIERS DIRECTORY</h2> <p></p> </a> </div> <div class="ranking-group-select-image-container"> <div class="raning-group-select-image-overlay"></div> </div> </div> </form> </div> </div> </div> <script> // event listeners window.addEventListener('load', attachInterestGroupsSelect2); window.addEventListener('load', attachRankingFilterButtonHandler); window.addEventListener('load', attachRankingFilterGroupButtonHandler); window.addEventListener('load', attachVillageSelect2); window.addEventListener('load', attachViewTypeButtonHandlers); window.addEventListener('load', attachGeoloaction); window.addEventListener('load', attachLoadingMessage); // vars var select2Selector = '.ranking-filter-select'; var formSelector = '#ranking-filter-form'; var select2VillageSelector = '#village-search-select'; // translated variables var inputTooShortTranslation = 'Geef uw postcode of gemeente'; var searchingTranslation = 'Bezig met zoeken...'; // functions function attachInterestGroupsSelect2() { $(select2Selector).select2(); $(select2Selector).on('select2:select', function (e) { // submit the form on select change $(formSelector).submit(); }); } function attachRankingFilterButtonHandler() { // Ranking type buttons $(document).on('click', '.ranking-buttons button', function () { var $form = $(this).parents(formSelector); $form.find('[name="TypeID"]').val($(this).attr('data-type')); $form.submit(); }); } function attachRankingFilterGroupButtonHandler() { // Ranking type buttons $(document).on('click', '.ranking-group-buttons button:not(.active)', function () { var $form = $(this).parents(formSelector); $form.find('[name="GroupTypeID"]').val($(this).attr('data-type')); // remove TypeID filter before submitting $form.find('[name="INTERESSE"]').val(''); $form.submit(); }); } function attachVillageSelect2() { $(select2VillageSelector).select2({ ajax: { url: '/api/cities', data: function (params) { var query = { search: params.term, type: 'public' } // Query parameters will be ?search=[term]&type=public return query; }, processResults: function (data) { console.log('processing results:'); console.log(data); // Transforms the top-level key of the response object from 'items' to 'results' return { results: data }; } }, minimumInputLength: 1, language: { inputTooShort: function (args) { var remainingChars = args.minimum - args.input.length; return inputTooShortTranslation; }, searching: function () { return searchingTranslation; } } }); // attach on select event $(select2VillageSelector).on('select2:select, change', function (e) { $(formSelector).submit(); }); } function attachViewTypeButtonHandlers() { $(document).on('click', '.company-view-type-btn', function () { var viewTypeID = $(this).attr('data-value'); $('input[name="ViewTypeID"]').val(viewTypeID); $(formSelector).submit(); }); } function attachGeoloaction() { // navigator API if (navigator.geolocation && $('select[name="CityID"]').length > 0 && !$('select[name="CityID"]').val()) { navigator.geolocation.getCurrentPosition(successCallback, errorCallback); } else { // Geolocation is not supported by this browser } } function successCallback(position) { // The user's location was successfully retrieved var latitude = position.coords.latitude; var longitude = position.coords.longitude; // Do something with the latitude and longitude values console.log("Latitude: " + latitude); console.log("Longitude: " + longitude); // send to server to retrive the proper selectoption //TODO $.ajax({ url: '/api/cities/getcity', data: { lat: latitude, lon: longitude }, success: function (response) { console.log(response); // Set the value of the selectbox var data = response; var newOption = new Option(data.text, data.id, false, true); $('select[name="CityID"]').append(newOption).trigger('change'); }, error: function (err) { console.log(err); } }) } function errorCallback(error) { // An error occurred while retrieving the user's location switch (error.code) { case error.PERMISSION_DENIED: console.log("User denied the request for Geolocation."); break; case error.POSITION_UNAVAILABLE: console.log("Location information is unavailable."); break; case error.TIMEOUT: console.log("The request to get user location timed out."); break; case error.UNKNOWN_ERROR: console.log("An unknown error occurred."); break; } } function attachLoadingMessage() { $(formSelector).on('submit', function () { ShowMessage('Bezig met laden...'); }); } </script> </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">Een uitgave van</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>All rights reserved.</span> </li> <li> <a href="/en//">Algemene voorwaarden</a> </li> <li> <a href="/en/privacy/">Privacy</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5"><a href="/">Energy Solutions</a></h5> <ul> <li> <a href="/en/abonnementen/">Abonneren</a> </li> <li> <a href="/en/publicity/">Adverteren</a> </li> <li> <a href="https://www.pmg.be/en/vacatures">Vacatures</a> </li> <li> <a href="/en/contact/">Contact</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5">Kies een taal</h5> <ul> <li> <a href="/nl/companyranking/">Nederlands</a> </li> <li> <a href="/fr/companyranking/">Frans</a> </li> </ul> </div> </div> </div> <div class="footer"> <div class="width-wrapper"> <ul class="footer-list"> <li class=""> <a href="/en/contact/">Contact</a> </li> <li class=""> <a href="/en/publicity/">Adverteren</a> </li> <li class=""> <a href="/en//">Algemene voorwaarden</a> </li> <li class=""> <a href="/en/privacy/">Privacybeleid</a> </li> </ul> </div> </div> </footer> <a Class="mobile-basket-btn d-none" href="/en/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="">Welkom bij Energy Solutions <i class="fas fa-cookie-bite text-brown"></i></h2> <Button Class="close" aria-label="Sluiten"><i class="fas fa-times"></i></Button> <p> Energy Solutions maakt gebruik van cookies om uw gebruikservaring te optimaliseren en te personaliseren. Door gebruik te maken van deze website gaat u akkoord met <a Class="text-orange lowercase" href="/en/privacy/">Het privacy- en cookiebeleid</a>. </p> <Button Class="agree orange uppercase">Akkoord</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">Registreer</h1> <h2>Registreer en word gratis online abonnee</h2> <form id="register-user-form" action="/api/account/registeruser" method="post"> <div Class="input-fields type2"> <label for="username">E-mailadres*</label> <input id="username" class="email required" type="email" name="Username" required /> <Label for="last-name">Naam*</Label> <input id="last-name" Class="email required" type="text" name="LastName" required autocomplete="off"> <Label for="first-name">Voornaam*</Label> <input id="first-name" Class="email required" type="text" name="FirstName" required autocomplete="off"> <Label for="password1">Wachtwoord*</Label> <input id="password1" Class="email required" type="password" name="password1" required autocomplete="off"> <p class="text-small">Minimaal 6 karakters, verder doen we niet zo moeilijk</p> <Label for="password2">Herhaal wachtwoord*</Label> <input id="password2" Class="email required" type="password" name="password2" required autocomplete="off"> </div> <input name="__RequestVerificationToken" type="hidden" value="3uSs-PQAIOfVYsLqUT-R2AuDPO-kML8vGMGg-V4Gyld83wPvCbp1-JoVLzo7qu2kml_54G4fX_A00-6hgxw83jgzPFWUCzeZsieQG1fKay41" /> <input type="hidden" id="hdnResponse" name="g-recaptcha-response" value="" /> <Button id="register-user-form-submit" Class="btn orange" type="submit">Opslaan</Button> <p class="info">Met een gebruikersprofiel heb je toegang tot extra functionaliteiten, zoals: reageren, winkelen, enz...</p> <p class="fs-08"><strong class="text-bold mb-1 d-block">Ben je reeds geregistreerd?</strong><a class="text-orange" href="/en/aanmelden/?redirecturl=https://energysolutions.pmg.be/en/companyranking/">Meld je aan om verder te gaan</a></p> </form> <div class="disclaimer"> <p>Door te registreren ontvangt u de newsletter. De newsletter kan u te allen tijde en zonder verdere formaliteiten opzeggen. Wij garanderen u dat uw e-mailadres en andere persoonlijke gegevens nooit aan derden worden doorgegeven en enkel gebruikt worden voor het versturen van de newsletter.</p> <p>Door u in te schrijven, gaat u akkoord met <a href="/en/privacy/" class="lowercase">De privacyvoorwaarden</a>.</p> </div> </div> </div> </div> <div id="collections" Class="modal collections requiresContact"> <div Class="modal-wrapper overflow"> <h1>Toevoegen aan een collectie</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>Naam</label> <div class="row"> <input type="text" class="tbx collections-title" name="title" value="" /> </div> <label>Collectie</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="Opslaan" class="save-modal btn save right" data-action="/api/collection/save" data-success="Toegevoegd aan collectie" data-error="Toevoegen aan collectie mislukt" /> </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>Vervolledig je profiel</h1> <form id="save-profile-form" action="/api/roularta/SaveProfile?returnurl=https://energysolutions.pmg.be/en/companyranking/" method="post"> <div class="input-fields"> <label for="complete-profile-companyid">Firma</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">Jobdomein</label> <select class="ddl complete-profile-jobdomain" id="complete-profile-jobdomain" name="JobDomainID" required></select> </div> <input name="__RequestVerificationToken" type="hidden" value="X3MgeXbilwUEdZp9c7Gc69r97AdSl3LWXPct35jzDOp-ITgOnUGdMGFXk8zdVD5qcFhbHDIC9O-FaHaSqEzTAgj-D1WX_L2gYGkX5anQNPU1" /> <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">Opslaan</button></div> </form> <a href="#" class="close-modal text-orange">herinner mij later</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>Wijzig taal</h1> <form id="change-abo-language-form" action="/api/account/ChangeAboLanguage" method="post"> <div class="input-fields"> <Label for="credits">Taal</Label> <select class="change-abo-language-language mg-b-1" name="language"> <option value="nl" >Nederlands</option> <option value="fr" >Frans</option> </select> </div> <input name="__RequestVerificationToken" type="hidden" value="u_7mUtWjE756cuuLx-MQnnr-ysJ_V_0RMU2Bv9vgcUT2hwCjdbJrfRIVaWgn3QxmGz5NFQAxKB7OMI-Cl6DRW5C1UGokmCVTV97zf3Q6_VA1" /> <input type="hidden" class="change-abo-language-aboid" name="aboid" /> <button id="change-abo-language-form-submit" class="btn orange" type="submit">Opslaan</button> </form> </div> </div> </div> <script> // Pass through back-End variables For easy use + prevent caching var userSecurityType = 0; var pageSecurityType = 0; var language = 'en'; var menuReference = 'companyranking'; // Pass some translations as global js variable -> all javascript files will be able to access these var globalTranslatedSave = 'Opslaan'; var globalTranslatedCancel = 'Annuleer'; var csrfFieldHtml = '<input name="__RequestVerificationToken" type="hidden" value="h91HGI8V2iVAmLwjE0A_aq59UJlrRUb7lxNSNklbA9qXsXUI4sdCqHKpIfjQFztYOJPY5Sr6Or4WYup9CfJuY2p05EXgIXM3pzxm_1M7kJM1" />'; 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('Authenticatiecode is verzonden via mail', 'success', 10000); } if (msg == 2) { ShowMessage('Authenticatiecode is verzonden via mail en sms', 'success', 10000); } } else { window.location = '/' + language + '/authenticatie/?type=' + msg + '&klnr=' + customerReference; } } else { ShowMessage('Klantnummer en/of e-mailadres zijn niet correct.', '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, 'en', 55, document.title, '', '', 94); partnercollect('en', 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">Wachtwoord</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('Welkom terug!') parentContainer.find('h2').html('Meld je aan om verder te gaan'); parentContainer.find('h3').html('Ben jij dit niet?'); parentContainer.find('.other-method').html('<a class="text-orange" href="/en/aanmelden/?redirecturl=https://energysolutions.pmg.be/en/companyranking/">Registreer</a> Als nieuwe gebruiker.') parentContainer.find('.info').html('Je hebt reeds een gebruikersaccount, gelieve je wachtwoord in te geven om toegang te krijgen tot je account. <br><a class="text-orange" href="/en/wachtwoordvergeten/">Wachtwoord vergeten/instellen?</a>') currentForm.find('[type="submit"]').html('Sign up'); 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: 'en', Title: title, UID: '', MenuID: 94 } 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

Marktgids - Energy Solutions