CINXE.COM
INTEREST BASED LEADS GENERATION - Energy Solutions
<!DOCTYPE html> <html lang="nl"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <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.189'; 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>INTEREST BASED LEADS GENERATION - Energy Solutions</title> <meta name="description" content="INTEREST BASED LEADS GENERATION" /> <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="INTEREST BASED LEADS GENERATION - Energy Solutions" /> <meta name="description" property="og:description" content="INTEREST BASED LEADS GENERATION" /> <meta property="og:image" /> <meta name="url" property="og:url" content="https://energysolutions.pmg.be/nl/dossier/EMGbe1801W47_55"> <link rel="stylesheet" media="all" type="text/css" href="/Content/jquery-ui.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/main.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/fontawesome-pro/css/all.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/select2.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/site.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/basket.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/account.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/comment.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/video.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/animate.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/tooltipster.bundle.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/chosen.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/Print.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/edit.min.css?ver=v1.09.189"> <link rel="stylesheet" media="all" type="text/css" href="/Content/Icons.min.css?ver=v1.09.189"> <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="nl" data-menu="4" data-portal="55" data-uid="EMGbe1801W47_55" 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="/nl/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>Vakinformatie over hernieuwbare energie</h4> <form action="/nl/zoek/"> <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="/nl/surveyresults/"><i class="icon fas fa-chart-bar"></i>Studies</a></li> <li Class="nav"><a href="/nl/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="/nl/aanmelden/?returnurl=https%3a%2f%2fenergysolutions.pmg.be%2fnl%2fdossier%2fEMGbe1801W47_55&redirecturl=https://energysolutions.pmg.be/nl/dossier/EMGbe1801W47_55"><i class="icon fas fa-user"></i>Aanmelden</a></li> <li Class="nav btn"><a class="btn" href="/nl/abonnementen/">Abonneren</a></li> </ul> <ul class="nav"> <li class="nav"><a href="/nl/allesover/"><i class="icon fas fa-book"></i>Alles over</a></li> <li Class="nav"><a href="/nl/onlinemagazine/"><i class="icon fas fa-paper-plane"></i>Nieuwsbrieven</a></li> <li Class="nav"><a href="/nl/magazines/"><i class="icon fas fa-book-open"></i>Magazines</a></li> <li Class="nav"><a href="/nl/companyranking/"><i class="icon fas fa-list-alt"></i>Adresgidsen</a></li> <li Class="nav"><a href="/nl/evenementen/"><i class="icon fas fa-calendar-alt"></i>Kalender</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> </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-11" class="container cs1 "> <div id="m1" class="module module7 cl3 vw1 ar1 cs1 cr0" data-id="11"> <h2 class="title ehidden"> </h2> <link rel="stylesheet" type="text/css" href="/Content/pmgtools.css" /> <link rel="stylesheet" href="https://plugin.pmg.be/3d/css/pmg3d_modal_viewer.css" /> <link rel="stylesheet" href="https://plugin.pmg.be/video/v2/pmgvideo.css" /> <script type="module" src="https://plugin.pmg.be/video/v2/pmgvideo-templates.js"></script> <script type="text/javascript" src="https://plugin.pmg.be/video/v2/pmgvideo.js"></script> <div Class="width-wrapper"> <div Class="article container " data-articleid="218966"> <div Class="container-left"> <!-- #region ARTICLE INFO --> <div Class="article-info"> <div class="info-container"> <ul Class="display"> <li><i class="fas fa-calendar-alt icon"></i>30 september 2024</li> <li>| Bron: <a target="_blank" href="//www.pmg.be">PMG</a></li> </ul> </div> <div Class="social-container"> <div class="social-module"> <div class="social-like-bar"> <div class="likes article-like"> <div class="social-link-button like-button disabled tooltip" title="Meld je aan om deze pagina te liken" data-like-url="/api/social/create" data-unlike-url="/api/social/delete" data-content-id="EMGbe1801W47_55"> <i class="fas fa-thumbs-up thumbs-up-icon"></i> <span class="like-counter"><i class="fas fa-spinner rotate"></i></span> </div> </div> <div class="social-buttons"> <a aria-label="Toevoegen aan een collectie" data-reference="EMGbe1801W47_55" class="social-link-button collection-button tooltip" title="Toevoegen aan een collectie" href="javascript:return false;"> <i class="far fa-heart"></i> </a> <a aria-label="Deel op Facebook" rel="noopener" class="social-link-button facebook-button tooltip" title="Deel op facebook" target="_blank" href="#"> <i class="fab fa-facebook-f"></i> </a> <a aria-label="Deel op LinkedIn" rel="noopener" class="social-link-button linkedin-button tooltip" title="Deel op linkedin" target="_blank" href="#"> <i class="fab fa-linkedin-in"></i> </a> </div> </div> </div> </div> </div> <!-- #endregion --> <!-- #region PREVIEW --> <!-- #endregion --> <!-- #region TOP VIDEO (VIA JOBBON CODE) --> <!-- #endregion --> <!-- #region FREE CONTENT ZONE --> <div Class="fcz"> <h1>INTEREST BASED LEADS GENERATION</h1> <p class="intro">Stel uw producten en diensten rechtstreeks voor aan sterk ge茂nteresseerde kopers door uw doelgroep samen te stellen op basis van leads gelinkt aan interesses van redactionele en/of branded content.聽<span>Interest based leads generation is de perfecte oplossing als u als adverteerder een hoge respons en conversie nastreeft.</span></p> <p>Een campagne valt of staat met de selectie van de juiste doelgroep. PMG weet perfect wie, waar en wanneer welke content gelezen wordt en biedt zo een unieke tool om uw doelgroep samen te stellen.</p> <p><img class="photo p50" src="/uploads/articles/tiles/311113.jpg" alt="interessesimulator" caption="false" width="858" height="479" /><span style="font-size: inherit;">Om uw doelgroep samen te stellen kunt u op 2 manieren te werk gaan:</span></p> <ol> <li>Selectie leads o.b.v. <strong>bestaande contentinteresses</strong><br />Selecteer leads op basis van interesses die gekoppeld worden aan redactionele content en video's in 35 verschillende PMG vakbladen.聽Met de <a href="https://adverteren.pmg.be/nl/leadssimulator/">PMG interesse-simulator</a> kunt u achterhalen welke interesses hoeveel leads opleveren. U kunt hierbij kiezen uit <strong>meer dan 950 interesses</strong> om de omvang van uw doelgroep voor leads te evalueren, zowel voor <strong>B2B</strong> als voor <strong>B2C</strong>.<br /><br /></li> <li>Selectie leads o.b.v. eigen <strong>branded content</strong><br />Selecteer leads op basis van uw branded content gepubliceerd in de PMG newsletters, digitale viewers en websites. Lezers van uw branded content zijn ge茂nteresseerd in uw producten en diensten en zijn dus ook potenti毛le klanten.聽</li> </ol> <p></p> </div> <!-- #endregion --> <!-- #region INTERESTS --> <!-- #endregion --> <!-- #region TRANSCRIPTION --> <!-- #endregion --> <!-- #region ARTICLE META --> <div Class="article-meta hidden"> <div id = "meta-title" Class="title">INTEREST BASED LEADS GENERATION</div> <div id = "meta-fileurl" Class="picture"></div> </div> <!-- #endregion --> </div> <!-- #region RIGHT CONTAINER --> <div Class="container-right"> </div> <!-- #endregion --> </div> </div> <Script> ; </Script> </div> </div> <div id="ctr-39" class="container cs2 "> <div id="m2" class="module module28 cl4 vw4 ar1 cs2 cr0" data-id="39"> <h2 class="title ehidden"> </h2> <div class="width-wrapper"> </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> <!--<button class="module-aspectratio side-tile" data-class="ar7"><span class="sample ar7"><span>34</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar8"><span class="sample ar8"><span>2:3</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar9"><span class="sample ar9"><span>5:8</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar6"><span class="sample ar6"><span>9:16</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar12"><span class="sample ar12"><span>1:2</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar10"><span class="sample ar10"><span>BTN</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>Alle rechten voorbehouden.</span> </li> <li> <a href="/nl/algemenevoorwaarden/">Algemene voorwaarden</a> </li> <li> <a href="/nl/privacy/">Privacy</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5"><a href="/">Energy Solutions</a></h5> <ul> <li> <a href="/nl/abonnementen/">Abonneren</a> </li> <li> <a href="/nl/adverteren/">Adverteren</a> </li> <li> <a href="https://www.pmg.be/nl/vacatures">Vacatures</a> </li> <li> <a href="/nl/contact/">Contact</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5">Kies een taal</h5> <ul> <li> <a href="/nl/dossier/EMGbe1801W47_55">Nederlands</a> </li> <li> <a href="/fr/dossier/EMGbe1801W47_55">Frans</a> </li> </ul> </div> </div> </div> <div class="footer"> <div class="width-wrapper"> <ul class="footer-list"> <li class=""> <a href="/nl/contact/">Contact</a> </li> <li class=""> <a href="/nl/adverteren/">Adverteren</a> </li> <li class=""> <a href="/nl/algemenevoorwaarden/">Algemene voorwaarden</a> </li> <li class=""> <a href="/nl/privacy/">Privacybeleid</a> </li> </ul> </div> </div> </footer> <a Class="mobile-basket-btn d-none" href="/nl/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="/nl/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="7xvi2DUDIYlbPx6aLT-z8ie5xPCgnpBAbGY68MR7PYpcjoWVD6hlmpDnVVe8JdJs8aCYlFbdZTUFK37wzqNSGALOAOe9kzA0y_VIl5iNi6Y1" /> <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="/nl/aanmelden/?redirecturl=https://energysolutions.pmg.be/nl/dossier/EMGbe1801W47_55">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="/nl/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/nl/dossier/EMGbe1801W47_55" 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="ZWvCooakUA5rc3z7kuSwZDwncJ_rIgjLnaQobfKc2hcQM_nrpXYR3XM_PmyIYtBACQPgmpudIN6PJ7Qr42dUkYfrnHcbwuOJoVrAH_Ac_YE1" /> <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="F2e4Gvk7q_wrhbe42s8jfEiE26kCF8m482kCV2gTiKLAPivV5ol92r-ivt1UqYPRO47fiepeh3UqzQHbxjcnovUJltOw_qBlJaMc0-rE1h81" /> <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 = 1; var language = 'nl'; var menuReference = 'dossier'; // 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="Ww-n710l6SS34GBl8pAl0DX9fwK6SH8DtVLJWAU3OyD8FUPNoSBHQbTWmw9onh_dnHVQaZXIdvR_f4RpPfOXZ0z-8ItvmtbDoTzirC1iCRM1" />'; var csrfFieldNode = new DOMParser().parseFromString(csrfFieldHtml, 'text/html').body.childNodes[0]; </script> <!-- FOR DEBUG!! ADD TO MODAL! --> <script type="text/javascript" src="/Scripts/jquery-3.4.1.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/jquery-ui.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/jquery.appear.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/chosen.jquery.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/mustache.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/plupload.full.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/main.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/helper.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/stats.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/validate.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/basket.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/tooltipster.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/lightbox.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/comment.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/eloket-fo.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/pmg-tools.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/navigation.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/select2.full.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/swipe.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/order.js?ver=v1.09.189"></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, 'nl', 55, document.title, 'EMGbe1801W47_55', '', 4); partnercollect('nl', 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="/nl/aanmelden/?redirecturl=https://energysolutions.pmg.be/nl/dossier/EMGbe1801W47_55">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="/nl/wachtwoordvergeten/">Wachtwoord vergeten/instellen?</a>') currentForm.find('[type="submit"]').html('Aanmelden'); 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: 'nl', Title: title, UID: 'EMGbe1801W47_55', MenuID: 4 } 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> <script src="/Scripts/article.js?v=28" type="text/javascript"></script> </body> </html>