Professional Media Group

<!DOCTYPE html> <html lang="nl"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZR29W6HQES"></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-ZR29W6HQES'); </script> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Professional Media Group</title> <meta name="description" content="Media met oog voor de toekomst" /> <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="PMG - Media met oog voor de toekomst" /> <meta name="description" property="og:description" content="Media met oog voor de toekomst" /> <meta property="og:image" /> <meta name="url" property="og:url" content="https://www.pmg.be/nl/privacy/"> <link rel="stylesheet" media="all" type="text/css" href="/Content/jquery-ui.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/main.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/fontawesome-pro/css/all.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/select2.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/site.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/basket.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/account.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/comment.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/video.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/animate.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/tooltipster.bundle.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/chosen.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/Print.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/edit.min.css?ver=v1.09.184"> <link rel="stylesheet" media="all" type="text/css" href="/Content/Icons.min.css?ver=v1.09.184"> <link rel="stylesheet" href="https://ai.pmg.be/content/pmgAI.css?v=2" type="text/css" /> <link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet"> <style> .pmg-tool { border-bottom-color: #26406A !important; border-bottom-style: dashed; border-bottom-width: 1px; text-decoration:none !important; } .border-orange { border-color: #26406A !important; } .bg-orange{ background-color: #26406A !important; color: #FFFFFF !important; } .bg-lightorange{ background-color: #26406A0D !important; } .bg-context { background-color: #d4deef !important; color: #26406A !important; } .text-orange{ color: #26406A!important; } a.btn.orange:not(.disabled), .orange{ background-color: #26406A; border-color: #26406A; } .like-button:not(.disabled).liked, .like-button:not(.disabled).liking{ color: #26406A!important; } .menu.active, .menu.open, .menu.scrolled{ background-color: #26406A!important; } .menu.active, .menu.open, .menu.scrolled{ background-color: #26406AFB!important; } ul.breadcrumb li a{ color: #26406A; } .like-button:not(.disabled):hover { color: #26406A70; } .like-counter{ background-color: #26406A!important; } .article .fcz a{ color: #26406A; } .article .fcz .pmg-tool.active { color: #26406A; text-decoration:underline; } .article.edit .fcz .pmg-tool { color: #26406A; text-decoration:underline; } .module div.actions a.btn{ background-color: #26406A!important; } .module h2.title:after{ background: #26406A!important; } .tile span.plus { background: #FFEE00 !important; color: #26406A !important; } .context-wrapper ul li a:hover, .context-wrapper ul li a.active { border-color: #26406A!important; } .clear-outline-button.active, .clear-outline-button:hover{ color: #26406A!important; border-color: #26406A!important; } .forum-main-category{ border-bottom: solid 1px #26406A!important; } .e-loket-container a:not(.disabled):not(.btn){ color: #26406A; } .e-loket-body .input-section .input-container textarea:focus, .e-loket-body .input-section .input-container input:not([type=range]):focus{ box-shadow: 0 3px 0 -1px #26406A; } .e-loket-container .section-info-container .section-info.active a { color: white!important; } .e-loket-body .input-section::before{ background-color: #26406A; } .abo-offer, .fo .checksign{ background-color: #26406A; } .custom-checkbox-container input:checked~.custom-checkbox{ background-color: #26406A!important; border: 2px solid #26406A!important; } .customerInfo a.btn { background: #26406A !important; } .section-info{ background-color: #26406A; } .section-info:after{ border-top-color: #26406A; } .fo .quiz-images-container .quiz-image-width-container .quiz-image-container.chosen, .quiz-image-container.chosen{ border-color: #26406A; } .loader{ color:#26406A; } .download-container .download-file.active, .download-container .download-file.active .icon, .download-container .download-file.active .info{ color: #26406A!important; } .download-container .download-file:hover{ background-color: #26406A10!important; } .mobile-basket-btn{ border-color: #26406A; } .mobile-basket-btn::before{ background-color: #26406A; } button.orange{ border-color: #26406A!important; background-color: #26406A!important; color: #FFFFFF; } button.orange.sec{ border-color: #19335D !important; background-color: #19335D !important; } .basket div.row div.info a.name{ color: #19335D; } .progress-bar .progress-bar-inside{ background-color: #26406A; } .modal.register h2:after, .register-module h2:after{ background-color: #26406A; } .body .address-box .controls a, .body .personal-info-box .controls a, .grid .row a{ color: #26406A; } input:checked+.slider{ background-color: #26406A; } #gdpr-box .agree{ background: #26406A; } .module.cs5 .tile-container, .tile.cs5 .tile-container { background: #26406A !important; } .module.cs5 .tile .tile-container .tile-content h3 { color: #FFFFFF !important; } .header .video .overlay { background:#26406A; } .customers-list .search-filters .row.breadcrumb h1 { color:#26406A !important; } .customers-list .list .customer .row h2 a { text-decoration: none; color:#26406A !important; } .overview .overview-header ul.categories li a{ background-color: white; color: #26406A; border: 1px solid #26406A; } .overview .overview-header ul.categories li a:hover, .overview .overview-header ul.categories li a.active{ background: #26406A; color: white; } .container-header ul li a.active:after { background-color: #26406A!important; } .module .submodule.vw6 .tile .text-container .price, .module.vw6 .tile .text-container .price{ color: #26406A; } .crop-menu button.active{ background-color: #07214B!important; } .custom-slider::-webkit-slider-thumb { background-color: #26406A!important; } .cs6 .tile-container{ background: #26406A!important; } .cs6 .tile-container .tile-content{ color: #FFFFFF!important; } .pagination a.active{ background-color: #26406A!important; border-color: #26406A!important; color: #FFFFFF!important; } .e-loket-results-table td a{ color: #26406A!important; } span.sample.cs5, span.sample.cs6 { background: #26406A; border-color: #26406A; color: #FFF; } .module.cs5 .tile .tile-container, .module.cs6 .tile .tile-container { background: #26406A!important; } .module.cs5 .tile .tile-content, .module.cs6 .tile .tile-content { color: #FFF !important; } .interests a.interest { background-color: white !important; color: #26406A !important; border: 1px solid #26406A !important; } .interests a.interest:hover { background: #26406A !important; color: white !important; } .tile-page-text a { color: #26406A; } .ranking-group-buttons button:hover{ background-color: #f4f5f7; } .ranking-group-buttons button.active{ background-color: #f4f5f7; border-bottom: none; } .company-view-type-btn.active{ color: #26406A!important; border-color: #26406A!important; font-weight: bold; } .company-view-type-btn{ color: #a1abbc; } .company-view-type-btn:hover{ border-color: #a1abbc; } .voting-block .img-container{ outline: 0px solid #26406A; } .voting-block.active .img-container, .voting-next-btn { outline: 4px solid #26406A; } .voting-block.active .img-container[data-after-counter]::after, .voting button, .voting-step.active .voting-step-inner::after, .voting-step.active .voting-step-inner::before{ background-color: #26406A; } .voting .voting-others-block.active input, .voting .voting-others-block input:focus{ margin-bottom: -3px!important; border: 4px solid #26406A; } .voting .scoring-btn{ color: #26406A; } .voting-block .img-overlay{ background: #26406A88; } .ranking-group-tile{ background-color: #26406A; } .ranking-group-pill{ background-color: #d4deef; } .ranking-group-select-container{ border-color: #26406A44; } </style> </head> <body data-language="nl" data-menu="117" data-portal="2" data-uid="" class="body website mgbe blue "> <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/293303.svg" alt="Logo" src="/uploads/logos/svg/293303.svg" class="svg" onerror="this.src='/images/logo/WMG_nl.png'"> </a> </div> <div Class="width-wrapper h100"> </div> <div class="nav"> <ul class="nav small"> <li Class="nav"><a href="/nl/overpmg/"><i class="icon fas fa-info-circle"></i>over pmg</a></li> <li Class="nav"><a href="/nl/dossier/EMGBE1801W01_04"><i class="icon fas fa-map-marker-alt"></i>Contact</a></li> <li Class="nav btn"><a class="btn" href="#">Abonneren</a></li> </ul> <ul Class="nav"> <li Class="nav"><a href="/nl/sectoren/"><i class="icon fas fa-copyright"></i>onze merken</a></li> <li Class="nav"><a href="/nl/Media/"><i class="icon fas fa-quote-left"></i>onze media</a></li> <li Class="nav"><a href="https://adverteren.pmg.be/nl/home" target="_blank"><i class="icon fas fa-bullhorn"></i>Adverteren</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-168" class="container "> <div id="m1" class="module module78 cl3 vw1 ar1 cr0" data-id="168"> <h2 class="title ehidden"> </h2> <div class="width-wrapper article"> <div class="fcz gridpadding"> <p><strong>PRIVACYVERKLARING</strong></p> <p>Wij hechten veel waarde aan de bescherming van uw persoonsgegevens en aan het respecteren van uw privacy. Deze verklaring omschrijft de manier waarop wij omgaan met uw persoonsgegevens. De verwerking van persoonsgegevens gebeurt in volledige overeenstemming met de toepasselijke wet- en regelgeving, waaronder de Algemene Verordening Gegevensbescherming.  </p> <p>Dit brengt met zich mee dat wij in ieder geval:</p> <ul> <li>uw persoonsgegevens verwerken in overeenstemming met het doel waarvoor deze zijn verstrekt, deze doelen en type persoonsgegevens zijn beschreven in deze privacyverklaring;</li> <li>de verwerking van uw persoonsgegevens beperken tot enkel die gegevens die minimaal nodig zijn voor de doeleinden waarvoor ze worden verwerkt;</li> <li>vragen om uw uitdrukkelijke toestemming als wij deze nodig hebben voor de verwerking van uw persoonsgegevens;</li> <li>passende technische en organisatorische maatregelen hebben genomen, zodat de beveiliging van uw persoonsgegevens gewaarborgd is;</li> <li>geen persoonsgegevens doorgeven aan andere partijen, tenzij dit nodig is voor uitvoering van de doeleinden waarvoor ze zijn verstrekt;</li> <li>op de hoogte zijn van uw rechten omtrent uw persoonsgegevens, u hierop willen wijzen en deze respecteren. </li> </ul> <p><br /> Wij zijn verantwoordelijk voor de verwerking van uw persoonsgegevens en zien toe op de vertrouwelijkheid en de veiligheid van deze gegevens. Voor alle vragen of opmerkingen in verband met deze privacyverklaring kunt u bij ons terecht op het e-mailadres info@pmg.be of via onze contactgegevens die elders op deze website vermeld staan.</p> <p>Door gebruik te maken van onze diensten, hetzij door uw persoonsgegevens mee te delen, verklaart u zich uitdrukkelijk akkoord met de wijze waarop persoonsgegevens verzameld en verwerkt worden, zoals in deze privacyverklaring aangegeven wordt.  </p> <p><strong>Verantwoordelijke privacyverklaring</strong><br /> Deze privacyverklaring geldt voor alle diensten uitgebaat door <br /> PM Editions nv, Torhoutsesteenweg 226/7, 8210 Zedelgem, info@pmg.be. <br /> Verder gemeenzaam PMG genoemd.</p> <p><strong>Toepassingen privacyverklaring</strong><br /> Deze privacyverklaring is van toepassing op alle diensten uitgebaat door PMG:</p> <ul> <li>alle fysieke diensten waaronder het nemen van een abonnement, aankoop van producten, het plaatsen van een bestelling ...</li> <li>alle online diensten waaronder het raadplegen van content op de websites, mobiele applicaties, inschrijven op online magazines ... </li> <li>alle overige diensten zoals het bijwonen van events, deelname aan wedstrijden ...</li> </ul> <p><strong>Verzameling van meegedeelde persoonsgegevens </strong></p> <p>We verzamelen en verwerken uw persoonsgegevens, doordat u gebruikmaakt van onze diensten en/of omdat u deze gegevens zelf aan ons verstrekt bij het invullen van een contactformulier, bij het plaatsen van een bestelling, bij de inschrijving op een online magazine, bij het raadplegen van de website of op elke andere manier waarop u via deze website uw gegevens kunt invullen.</p> <p>Hieronder vindt u een overzicht van de persoonsgegevens die wij mogelijk verwerken, afhankelijk van het product of de dienst die u afneemt:</p> <ul> <li>naam, voornaam, geslacht, taal, geboortejaar</li> <li>adresgegevens</li> <li>telefoonnummer</li> <li>e-mailadres</li> </ul> <p><strong>Verzameling van persoonsgegevens op basis van gebruik van onze online diensten</strong></p> <p>Overige persoonsgegevens die wij verzamelen o.b.v. uw bezoek aan onze website of door gebruik te maken van onze (online) diensten:</p> <ul> <li>registratie van uw IP-adres, evenals uw browser en besturingssysteem, </li> <li>de externe website die u doorverwezen heeft naar deze site, </li> <li>de door u bezochte pagina’s op deze website en de datum en tijd van elke pagina die u bezocht heeft op deze site. </li> <li>locatiegegevens nodig voor het leveren van de diensten</li> </ul> <p>Deze informatie wordt uitsluitend verzameld voor het leveren van bepaalde diensten of producten, statistische doeleinden en met het oog op de verbetering van deze website.</p> <p>Wij maken hierbij onder andere gebruik van cookies en andere gelijkaardige technologieën. </p> <p><strong>Gevoelige persoonsgegevens en gegevens van minderjarigen</strong></p> <p>Wij verzamelen in geen geval gevoelige gegevens zoals o.a. medische gegevens, politieke voorkeur, seksuele voorkeur, geloofsovertuiging, raciale of etnische afkomst ...</p> <p>Onze websites en/of diensten hebben ook niet de intentie persoonsgegevens te verzamelen van -16-jarigen tenzij ze toestemming hebben van ouders of voogd. We kunnen echter niet controleren of een bezoeker ouder dan 16 is. Wij raden ouders dan ook aan betrokken te zijn bij de online activiteiten van hun kinderen, om zo te voorkomen dat er gegevens over kinderen verzameld worden zonder ouderlijke toestemming. Als u ervan overtuigd bent dat wij zonder die toestemming persoonlijke gegevens hebben verzameld over een minderjarige, neem dan contact met ons op via info@pmg.be, dan verwijderen wij deze informatie.</p> <p><strong>Doeleinden voor het verzamelen van persoonsgegevens</strong></p> <p>Wij gebruiken de gegevens die door u via de website zelf meegegeven worden, enkel in overeenstemming met het doel waarvoor deze door u meegedeeld worden, met name, afhankelijk van het geval, </p> <ul> <li>de gevraagde informatie/content te leveren (gerechtvaardigd belang)</li> <li>online magazines te verzenden (gerechtvaardigd belang)</li> <li>een account aan te maken (gerechtvaardigd belang)</li> <li>uw bestellingen uit te voeren (gerechtvaardigd belang)</li> <li>u verder te informeren over onze producten en onze diensten (gerechtvaardigd belang)</li> <li>toegang te verschaffen tot onze services en events (gerechtvaardigd belang)</li> <li>of andere communicatie tot u te richten. (gerechtvaardigd belang)</li> </ul> <p><strong>Delen van persoonsgegevens</strong></p> <p>Persoonsgegevens worden niet doorgegeven en nooit verkocht aan derde partijen tenzij:</p> <ul> <li>Het doorgeven noodzakelijk is voor het leveren van diensten en producten van businesspartners en derden </li> <li>Aan bevoegde autoriteiten die daar uitdrukkelijk naar gevraagd hebben of in geval van een wettelijke verplichting </li> <li>U uitdrukkelijk toestemming heeft gegeven en waarvan u het recht heeft deze toestemming te allen tijde in te trekken</li> </ul> <p><br /> Met bedrijven die uw gegevens verwerken in onze opdracht, sluiten wij een verwerkersovereenkomst om eenzelfde niveau van beveiliging te garanderen en de vertrouwelijkheid van jouw gegevens te bewaken. Wij blijven verantwoordelijk voor deze verwerkingen.</p> <p>De gegevens kunnen door ons verwerkt worden in een land buiten de Europese Economische Ruimte.</p> <p>U moet er rekening mee houden dat wanneer u gegevens plaatst op publieke plaatsen, zoals commentaren op een online gastenboek, blog of discussieforum, deze door iedereen consulteerbaar zijn. </p> <p><strong>Bewaring van persoonsgegevens</strong></p> <p>De persoonsgegevens worden bewaard in verschillende gegevensbestanden op onze servers. PMG bewaart persoonsgegevens niet langer dan noodzakelijk voor het doel waarvoor deze zijn verstrekt dan wel op grond van de wet is vereist. De bewaartermijn is afhankelijk van het doel waarvoor we de gegevens hebben gekregen of verzameld en van eventuele wettelijke plichten om gegevens te bewaren. De gegevens worden niet langer dan vijf jaar na laatste gebruik bijgehouden.<br /> <br /> Hebt u hierover vragen, dan kunt u contact opnemen via info@pmg.be.  <br /> Indien u niet langer van onze print en online diensten wenst gebruik te maken, dan kunt u zich steeds afmelden door ons een mail te sturen.</p> <p><strong>Beveiliging van persoonsgegevens</strong></p> <p>Wij hebben passende technische en organisatorische maatregelen genomen om persoonsgegevens van u te beschermen tegen onrechtmatige verwerking, toegang, gebruik, verlies of openbaarmaking. We hebben de volgende maatregelen genomen om jouw persoonsgegevens te beveiligen:</p> <ul> <li>Alle personen die namens PMG van uw gegevens kennis kunnen nemen, zijn gehouden aan geheimhouding daarvan.</li> <li>Onze medewerkers zijn geïnformeerd over het belang van de bescherming van persoonsgegevens.</li> <li>We hanteren een gebruikersnaam en wachtwoordbeleid op al onze systemen;</li> <li>Wij maken back-ups van de persoonsgegevens om deze te kunnen herstellen bij fysieke of technische incidenten;</li> <li>We testen en evalueren regelmatig onze maatregelen;</li> <li>Servers en apparaten van onze medewerkers zijn uitgerust met actuele beveiligingssoftware, zoals een virusscanner en firewall. </li> </ul> <p>Als u aanwijzingen heeft van misbruik of u denkt dat uw gegevens toch niet goed beveiligd zijn, neem dan contact op via info@pmg.be.</p> <p><strong>Gebruik cookies</strong></p> <p>Deze website maakt gebruik van cookies.</p> <ul> <li>Cookies van tijdelijke aard, deze worden gewist zodra u uw browser afsluit</li> <li>Cookies die dienen om u te kunnen identificeren bij een volgend bezoek </li> <li>Cookies die gebruikt worden om statistieken op te stellen over het bezoek aan deze website. </li> </ul> <p>U kunt zelf het gebruik van cookies uitschakelen via de instellingen van uw webbrowser, maar het is mogelijk dat daardoor de website en onze online diensten niet meer correct functioneren.</p> <p><strong>Uw rechten omtrent uw persoonsgegevens</strong></p> <p>U heeft recht op inzage en recht op correctie of verwijdering van de persoonsgegevens die wij van u ontvangen hebben. Daarnaast heeft u het recht om uw eventuele toestemming voor de gegevensverwerking in te trekken of bezwaar te maken tegen de verwerking van uw persoonsgegevens door PMG. Ook heeft u het recht om de door u verstrekte gegevens door ons te laten overdragen aan uzelf of in opdracht van u direct aan een andere partij.</p> <p>U kunt een verzoek tot inzage, correctie, verwijdering, gegevensoverdracht van uw persoonsgegevens of verzoek tot intrekking van uw toestemming of bezwaar op de verwerking van jouw persoonsgegevens sturen naar info@pmg.be. We reageren zo snel mogelijk, maar uiterlijk binnen vier weken, op uw verzoek.</p> <p>Om er zeker van te zijn dat het verzoek tot inzage door u is gedaan en om misbruik te voorkomen, vragen wij om u adequaat te identificeren a.d.h.v. een kopie van uw identiteitskaart. We raden u sterk aan om daarbij uw pasfoto onzichtbaar te maken en erbij te vermelden dat het om een kopie gaat. </p> <p><strong>Wijzigingen in de privacyverklaring</strong></p> <p>Wij behouden ons het recht om deze privacyverklaring op elk moment te wijzigen en/of uit te breiden. De aangepaste voorwaarden worden bekendgemaakt via deze pagina en gelden vanaf het moment dat ze bekendgemaakt worden. We raden aan om regelmatig op deze pagina te bekijken om te zien of er wijzigingen zijn doorgevoerd. Bij belangrijke wijzigingen zullen wij op een duidelijke manier communiceren en waar nodig u persoonlijk op de hoogte brengen en uw toestemming vragen. </p> <p><strong>Klachten</strong></p> <p>Mocht u een klacht hebben over de verwerking van uw persoonsgegevens, dan vragen wij u hierover direct contact met ons op te nemen via info@pmg.be.</p> </div> </div> </div> </div> <div Class="colorscheme-menu module-context-menu"> <h6> Kleurenschema</h6> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs1" data-value="1"><span class="sample cs1">A</span> Normaal</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs2" data-value="2"><span class="sample cs2">A</span> Donker 1</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs3" data-value="3"><span class="sample cs3">A</span> PMG </Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs4" data-value="4"><span class="sample cs4">A</span> PMG 2</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs6" data-value="6"><span class="sample cs6">A</span> Eigen portaalkleur</Button> <Button Class="module-colorscheme side-button" data-prefix="cs" data-class="cs5" data-value="5"><span class="sample cs5">A</span> Eigen portaalkleur (donker)</Button> </div> <div Class="columns-menu module-context-menu pd"> <h6> Aantal tegels per rij</h6> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl1" data-value="1"><span class="sample ar1"><span>1</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl2" data-value="2"><span class="sample ar1"><span>2</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl3" data-value="3"><span class="sample ar1"><span>3</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl4" data-value="4"><span class="sample ar1"><span>4</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl5" data-value="5"><span class="sample ar1"><span>5</span></span></Button> <Button Class="module-columns side-tile" data-prefix="cl" data-class="cl6" data-value="6"><span class="sample ar1"><span>6</span></span></Button> </div> <div Class="aspectratio-menu module-context-menu pd"> <h6> Beeldverhouding</h6> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar11" data-value="11"><span class="sample ar11"><span>2:1</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar1" data-value="1"><span class="sample ar1"><span>16:9</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar5" data-value="5"><span class="sample ar5"><span>8:5</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar4" data-value="4"><span class="sample ar4"><span>3:2</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar3" data-value="3"><span class="sample ar3"><span>4:3</span></span></Button> <Button Class="module-aspectratio side-tile" data-prefix="ar" data-class="ar2" data-value="2"><span class="sample ar2"><span>1:1</span></span></Button>  </div> <div Class="view-menu module-context-menu pd"> <h6>Weergave</h6> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1 vwsm" data-value="8"><span class="sample ar1"><span>1 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1" data-value="1"><span class="sample ar1"><span>1 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1 vwlg" data-value="9"><span class="sample ar1"><span>1 L</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2 vwsm" data-value="10"><span class="sample ar1"><span>2 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2" data-value="2"><span class="sample ar1"><span>2 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2 vwlg" data-value="11"><span class="sample ar1"><span>2 L</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3 vwsm" data-value="12"><span class="sample ar1"><span>3 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3" data-value="3"><span class="sample ar1"><span>3 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3 vwlg" data-value="13"><span class="sample ar1"><span>3 L</span></span></Button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9 vwsm" data-value="15"><span class="sample ar1"><span>4 S</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9" data-value="16"><span class="sample ar1"><span>4 M</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9 vwlg" data-value="17"><span class="sample ar1"><span>4 L</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b vwsm" data-value="18"><span class="sample ar1"><span>5 S</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b" data-value="19"><span class="sample ar1"><span>5 M</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b vwlg" data-value="20"><span class="sample ar1"><span>5 L</span></span></button> </div> <div Class="corner-menu module-context-menu pd"> <h6>Hoeken afronden</h6> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr0" data-value="0"><span class="sample ar1 cr0"><span>0</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr1" data-value="1"><span class="sample ar1 cr1"><span>1</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr2" data-value="2"><span class="sample ar1 cr2"><span>2</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr3" data-value="3"><span class="sample ar1 cr3"><span>3</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr4" data-value="4"><span class="sample ar1 cr4"><span>4</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr5" data-value="5"><span class="sample ar1 cr5"><span>5</span></span></Button> </div> <div Class="content-bottom-teaser teaser"> <div Class="width-wrapper"> <div Class="teaser-wrapper"></div> </div> <span Class="close-teaser"><i class="icon fas fa-times"></i></span> </div> </div> </div> <footer> <div class="container sitemap"> <div class="width-wrapper"> <div class="col-3"> <h5 class="h5">Klantenservice</h5> <ul> <li> <a href="/nl/contact/">Contact</a> </li> <li> <a href="#">Betalingsmethoden</a> </li> <li> <a href="#">Verzenden & retourneren</a> </li> <li> <a href="#">Garantie & reparatie</a> </li> <li> <a href="/nl/privacy/">Privacy</a> </li> <li> <a href="#">Inloggen</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5">Winkelen</h5> <ul> <li> <a href="#">Ons assortiment</a> </li> <li> <a href="/nl/winkelmandje/">Winkelmandje</a> </li> <li> <a href="/nl/abonnementen/">Abonnementen</a> </li> <li> <a href="/nl/bouwplannen/">Bouwplannen</a> </li> <li> <a href="/nl/magazines/">Magazines</a> </li> <li> <a href="/nl/bestdeals/">Best deals</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5">Zakelijk</h5> <ul> <li> <a href="#">Zakelijke klanten</a> </li> <li> <a href="#">Affiliate programma</a> </li> <li> <a href="/nl/adverteren/">Adverteren</a> </li> <li> <a href="#">PMG Content Lab</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5">Kies een taal</h5> <ul> <li> <a href="/nl/privacy/">Nederlands</a> </li> <li> <a href="/fr/privacy/">Fran莽ais</a> </li> </ul> <h5 class="h5 pd-t-2">Volg ons</h5> <div class="social-buttons"> <a aria-label="Facebook" class="social-link-button facebook-button" href="#"> <i class="fab fa-facebook-f"></i> </a> <a aria-label="LinkedIn" class="social-link-button linkedin-button" href="#"> <i class="fab fa-linkedin-in"></i> </a> <a aria-label="Youtube" class="social-link-button youtube-button" href="#"> <i class="fab fa-youtube"></i> </a> </div> </div> </div> </div> <div class="footer"> <div class="width-wrapper"> <ul class="d-flex w-100 justify-content-center"> <li class=""> <a href="#">Contact</a> </li> <li class=""> <a href="#">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 Professional Media Group <i class="fas fa-cookie-bite text-brown"></i></h2> <Button Class="close" aria-label="Sluiten"><i class="fas fa-times"></i></Button> <p> Professional Media Group 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="AUSOSfHxAJSj3I5RYNIqW8IQhjnGZm7ENESHcnGqwd0G6o9wBCxftKjLGv8DcKMOVasjx_mEWA8Z4IfQzuFrkJFl7SM2zvnrK3AwvcdsJDw1" /> <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://www.pmg.be/nl/privacy/">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://www.pmg.be/nl/privacy/" 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="l1HwFKtK8FSfRMzZTCZt5i_FfZsdQjCJv4AvDF_fzvRjLyfO5825d1dIphSj9uYCfLFEfxqxE0KTMlM3PRYyW6pW78wi_sP31Xa2UUThgPA1" /> <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="eB942yKPjSKRnkk213KiC20Roa0d0rjN4vjykSVYLTHycEZ_KBeDAflAb-R4aw1d_YFdq6eDgpLFS-ghi_oDyNWyQOFCi947AnDYEMDvkYA1" /> <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 = 'nl'; var menuReference = 'privacy'; // 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="Q13CE2a1sBQ1LSZrkSThFuIZMjfDyDhaWrphYe3do3uDVXBXk5PdeoS4eICeddA4e1cQIy_qGa3s7AeV4FbaabNvGDRNbDjJODUo99XKN2s1" />'; 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, 'nl', 2, document.title, '', '', 117); partnercollect('nl', 2, $('#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://www.pmg.be/nl/privacy/">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: '', MenuID: 117 } if ($(this).attr('data-ad-code')) { data.AdCode = $(this).attr('data-ad-code'); } // If the first 4 character of the link are http, prevent the initial redirect if (redirectUrl && redirectUrl.substring(0, 4) == 'http') { // Send Ajax request to api to keep track of clicks $.ajax({ url: "/api/stats/trackexternallink", data: data }) .done(function () { }); } } $('body').on('click', 'a:not([data-ad-code])', trackLink); $('body:not(.fcz)').on('click', '[data-ad-code]', trackLink); //Toolstipster $('.tooltip:not(.autoplay)').tooltipster({ animation: 'grow', animationDuration: 100, theme: ['tooltipster-noir', 'tooltipster-noir-customized'], trigger: 'custom', triggerOpen: { mouseenter: true, click: true, tap: true, }, triggerClose: { mouseleave: true, click: true, tap: true, } //trigger: { // click: true, // hover: true, // tap: true, //} //trigger: 'click', }); //Toolstipster Auto //$('.tooltip.autoplay').tooltipster({ // animation: 'grow', // animationDuration: 400, // theme: ['tooltipster-noir', 'tooltipster-noir-customized'], // trigger: 'click', //}); //if ($('.tooltip.autoplay').length > 0){ // setTimeout(function () { // $('.tooltip.autoplay').first().click(); // $('.modal-overlay').addClass("open auto-tooltip"); // $('.tooltip.autoplay').css({ 'position': 'relative', 'z-index': 99999999999 }) // }, 2000) //} //$('body').on('click', '.auto-tooltip', function () { // $('.auto-tooltip').removeClass("open auto-tooltip"); //}) </script> </body> </html>

CINXE.COM

Professional Media Group