Algemene voorwaarden - 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.189'; 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>Algemene voorwaarden - 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="Algemene voorwaarden" /> <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/algemenevoorwaarden/"> <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="126" 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-171" class="container "> <div id="m1" class="module module78 cl3 vw1 ar1 cr0" data-id="171"> <h2 class="title ehidden"> </h2> <div class="width-wrapper article"> <div class="fcz gridpadding"> <h1><strong> Professional Media Group</strong></h1> <h5>PM Editions nv– redactiehuis (abonnementen)</h5> <p>Torhoutsesteenweg 226/7, 8210 Zedelgem <br /> Tel.: +32 (0)50/24.04.04 – Fax: +32 (0)50/24.04.45 – <a href="mailto:info@pmg.be">info@pmg.be</a> <br />BTW: BE 0440.681.985</p> <h5>PM Regie nv– publiciteitsregie</h5> <p>Torhoutsesteenweg 226/6, 8210 Zedelgem <br /> Tel.: +32 (0)50/24.04.04 – Fax: +32 (0)50/24.04.45 – <a href="mailto:info@pmg.be">info@pmg.be</a></p> <h3>Algemene verkoopvoorwaarden</h3> <ol> <li>Behoudens de uitdrukkelijke en schriftelijke door ons bevestigde afwijking op een bepaald punt, zijn al onze contracten onderworpen aan deze verkoopvoorwaarden, met uitsluiting van deze van de medecontractant. Alleen al door een bestelling te doen, aanvaardt de medecontractant onze verkoopvoorwaarden en ziet hij van zijn eigen voorwaarden af.</li> <li>De inlichtingen vervat in catalogi, prospectussen en prijslijsten zijn zuiver indicatief en kunnen geen verbintenis van onzenthalve teweegbrengen.</li> <li>Wij houden ons het recht voor om op elk ogenblik ons aanbod te wijzigen of in te trekken, zolang het niet door de medecontractant werd aanvaard</li> <li>De overeenkomst wordt slechts als definitief en geldig aanzien na ons schriftelijk akkoord van de bestelling.</li> <li>De in de overeenkomst vermelde prijzen zijn netto berekend op basis van de tarieven geldend op datum van de overeenkomst, en steeds exclusief taksen, belastingen, transport en aanverwante kosten. Iedere prijsverhoging door derde toeleveranciers voor de leveringsdatum zal van rechtswege en zonder voorafgaande verwittiging een herziening teweegbrengen van de prijzen vermeld in de overeenkomst.</li> <li>De aangeduide leverings- en/of uitvoeringstermijnen zijn niet bindend en hebben slechts een aanwijzend karakter. In geen geval zal de medecontractant schadevergoeding kunnen eisen, van welke aard ook, en/of de overeenkomst kunnen beëindigen wegens overschrijding van de aangegeven termijnen en/of publicatiedata. Alle gevallen van overmacht, brand, staking en overheidsmaatregelen ontslaan ons van elke verantwoordelijkheid ten aanzien van de medecontractant, waarbij de overeenkomst desnoods kan verbroken worden zonder enig recht op schadevergoeding voor de medecontractant.</li> <li>Wij hebben steeds het recht voorschotfacturen te sturen voor gedeeltelijk uitgevoerde werken, leveringen en/of publicaties. De medecontractant zal onder geen enkel beding prestatie-uitstel (betalingsuitstel) kunnen tegenwerpen, omwille van welke reden ook op het gefactureerde gedeelte van de geleverde goederen, werken en/of publicaties. Voor bestellingen met betrekking tot zowel televisie-uitzendingen en -opnames wordt een voorschotfactuur ten belope van de productiekosten gestuurd, ongeacht de data van opname en uitzending.</li> <li>Ingeval de medecontractant weigert de door hem bestelde goederen, werken en/of publicaties af te nemen, zowel geheel als gedeeltelijk, is de overeenkomst van rechtswege en zonder ingebrekestelling ontbonden lastens de medecontractant en zal de medecontractant een som moeten betalen gelijk aan 40% van het in het contract overeengekomen bedrag en/of saldobedrag, dit ten titel van forfaitaire schadevergoeding.</li> <li>De bestelling wordt uitgevoerd volgens de regels van de kunst en volgens de technische en esthetische criteria die soeverein door ons bepaald worden, behoudens uitdrukkelijk andersluidende bepaling van een speciaal lastenboek en/of specifieke richtlijnen inzake de overeenkomst.</li> <li>De goederen reizen steeds, welk vervoer hiervoor ook gebruikt wordt, zelfs al was dit franco, op risico en verantwoordelijkheid van onze medecontractant.</li> <li>Er zal geen enkele klacht op onze geleverde goederen, werken en/of publicaties meer ontvankelijk zijn, behoudens wanneer die ons, uiterlijk 8 dagen na ontvangst van de goederen en/of publicatiedatum, per aangetekend schrijven toekomt. Een klacht betreffende in rekening gebrachte bedragen moet ons binnen de 8 dagen na factuurdatum per aangetekend schrijven toekomen om ontvankelijk te zijn. Reactie op een laattijdige klacht impliceert geen verzaking aan hetgeen voorafgaat en is steeds onder voorbehoud van alle rechten en zonder enige nadelige erkentenis. Wanneer een klacht omtrent geleverde goederen, werken en/of publicaties erkend wordt, onder partijen of in rechte, gaat onze verantwoordelijkheid nooit verder dan herstel of vervanging met uitsluiting van elke vergoeding voor om het even welke directe of indirecte schade.</li> <li>De eventuele garanties die wij geven in het kader van bijzondere voorwaarden van een overeenkomst zijn slechts van toepassing voor zover het geleverde goed, werk en/of publicatie op een gepaste manier wordt gebruikt en elk tekort onmiddellijk gemeld wordt; de garanties kunnen nooit van toepassing zijn op herstellingen of vervangingen voortvloeiend uit ongevallen, nalatigheden, onaangepast gebruik of vreemde oorzaken zoals bijv. storingen op communicatielijnen of op de distributie van elektriciteit of andere producten. Met uitzondering van de garanties uitdrukkelijk vermeld in de bijzondere voorwaarden van een overeenkomst, is er standaard geen enkele garantie voorzien omtrent de geleverde goederen, werken en/of publicaties. Evenmin staan wij in voor de inhoudelijke correctheid van het afgeleverde en/of gepubliceerde product.</li> <li>Alle projecten, technische of andere gegevens, elektronisch opgemaakte bestanden, modellen, tekeningen en grafische ontwerpen betreffende goederen, werken en/of publicaties die geleverd werden of vermeld in een aanbod aan de medecontractant blijven onze uitsluitende eigendom en mogen niet nagebootst of overgedragen worden aan een derde. Het door ons maken van clichés, films, elektronische files en/of bestanden, magnetische dragers nodig om het order van de klant uit te voeren, kan steeds in rekening gebracht worden.</li> <li>De medecontractant die een uitvoerings-, reproductie- en/of publicatieopdracht geeft, wordt geacht houder te zijn van de auteurs- en publicatierechten inzake. Wij zijn daarenboven niet verantwoordelijk voor de inhoudelijke gegevens van de ons ter beschikking gestelde tekst, beeld, foto enz. Dit impliceert dat bij gelijk welk probleem de medecontractant erkent alle verantwoordelijkheid op zich te nemen en hij ons vrijwaart t.o.v. elke mogelijke vordering van derden.</li> <li>De originelen, clichés, papieren, magnetische dragers, materialen en waren die door de medecontractant in onze magazijnen achtergelaten werden worden gedurende een termijn van drie maanden ter beschikking gehouden. Na het verstrijken van deze termijn kunnen wij naar eigen goeddunken over deze goederen beschikken.</li> <li>Elke welkdanige verpakking wordt door ons in supplement gefactureerd en wordt niet teruggenomen.</li> <li>De door ons geleverde goederen, werken en/of publicaties blijven onze volledige eigendom tot de integrale betaling ervan, eventuele intresten, kosten en schadeloosstelling inbegrepen, dit in afwijking van art. 1583 B.W. Niettegenstaande dit uitdrukkelijke eigendomsvoorbehoud zijn alle risico’s van het goed, werk en/of publicatie aan de medecontractant onmiddellijk overgedragen.</li> <li>Wij behouden ons het recht voor om materiaal dat door ons aan de medecontractant in bewaring werd gegeven en beschadigd teruggegeven wordt, aan de medecontractant aan te rekenen tegen de prijs van de nieuwwaarde van het materiaal. De medecontractant is verantwoordelijk voor verlies en/of beschadiging van welke aard ook, veroorzaakt door of aangebracht aan dit materiaal, zelfs door een vreemde oorzaak of overmacht.</li> <li>Behoudens andersluidend beding zijn onze facturen contant (binnen 14 dagen na factuurdatum) betaalbaar te Zedelgem. Betalingen aan vertegenwoordigers, tussenpersonen of ieder andere derde zijn ons niet tegenstelbaar.</li> <li>Bij niet-betaling op de vervaldag brengen alle verschuldigde sommen van rechtswege een intrest op van 1% per maand, zonder dat een voorafgaande ingebrekestelling vereist is. Eventuele afkortingen worden steeds eerst aangerekend op de vervallen rente en kosten. In geval van algehele of gedeeltelijke niet-betaling van de schuld op de vervaldag, is bijkomend na een vergeefse ingebrekestelling, een schadeloosstelling door de debiteur verschuldigd dewelke forfaitair 15% van de openstaande schuld bedraagt, met een minimum van 250 euro. Bij een gerechtelijke procedure dienen daarenboven alle procedurekosten en uitvoeringskosten door de debiteur vereffend te worden, samen met de aangerekende prestaties van de aangestelde advocaat. <br /> De debiteur kan in geen enkel geval enige schuldvergelijking inroepen, behoudens met ons uitdrukkelijk akkoord.</li> <li>Ingeval een factuur niet betaald wordt op de vervaldag, zullen de andere facturen die nog niet aan hun vervaldag toe zijn, van rechtswege en zonder ingebrekestelling onmiddellijk opeisbaar worden, zelfs al maken zij het voorwerp uit van een niet-vervallen wissel.</li> <li>In geval van niet-betaling van een factuur op de vervaldag of in geval van wijziging in de toestand van de medecontractant (zoals bijv. overlijden, onbekwaamheid, ontbinding of wijziging van de vennootschap, protest van een geaccepteerd effect, wankele solvabiliteit, concordaat, faillissement enz.) hebben wij het recht om alle leveringen en/of publicaties te onderbreken en elke bestaande overeenkomst met de medecontractant te verbreken zonder recht op enige schadevergoeding in hoofde van laatstgenoemde, onverminderd ons eigen recht op schadevergoeding, rente ….</li> <li>Voor alle geschillen zijn alleen het Vredegerecht van het eerste kanton Kortrijk, de Rechtbank van West-Vlaanderen, Afdeling Kortrijk of de Rechtbank van Koophandel van Gent, Afdeling Kortrijk bevoegd. Enkel wij kunnen hiervan afwijken.</li> </ol> </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/algemenevoorwaarden/">Nederlands</a> </li> <li> <a href="/fr/algemenevoorwaarden/">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="bEujK4ufDCC0-8LxsqJPD214P7xiCfy2Z2rEDrhMN2su3a-to7sxEW2RT6Eo1uEOni6kfk9o_z61yh8m1KXDiEBUPION-ptkiY42JisEGBk1" /> <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/algemenevoorwaarden/">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/algemenevoorwaarden/" 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="UioYjuGkRLepqv9R1-VLCn754lezyKWqjwbPSRmpWQBVazrn0meTMojYQv_G5gjLSLxxSHQlz7xPVwmTSWrdbMZJmdvRSYN_PrwKoOWHMkQ1" /> <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="a7J9uuoEfbLKv7h8WSZpl8JXXptOTDD_d5cgnuXnTY3UvObdtebzi-UjOEsKBIfJ_nlbF2y5JfvVENEdkMQUP26tQvq6zM3vNTRe3DxHR-k1" /> <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 = 'algemenevoorwaarden'; // 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="nxsHrlJ-mAuiZ7jCrHa-TLzK9XyxAN71PrERIvlblbCQVG0bHUizBb9kzViP0b3Y_igFnypgxbWV5nWYRqHV_LKH7H8xyrKlBOtOrSeHmqc1" />'; 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.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', 2, document.title, '', '', 126); 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/algemenevoorwaarden/">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: 126 } 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

Algemene voorwaarden - Professional Media Group