CINXE.COM
Conditions générales - Energy Solutions
<!DOCTYPE html> <html lang="fr"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3ZQ76GCGQ2"></script> <script async src="https://www.google.com/recaptcha/api.js?render=6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR"></script> <link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet"> <script> var version = 'v1.09.189'; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3ZQ76GCGQ2'); </script> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Conditions générales - Energy Solutions</title> <meta name="description" content="Information professionnelle pour l'energie renouvelable" /> <link rel="shortcut icon" type="image/png" href="https://dobbit.be/images/favicon/favicon.ico" /> <meta name="theme-color" content="#26406A" /> <meta name="title" property="og:title" content="Conditions générales" /> <meta name="description" property="og:description" content="Information professionnelle pour l'energie renouvelable" /> <meta property="og:image" /> <meta name="url" property="og:url" content="https://energysolutions.pmg.be/fr/conditionsgenerales/"> <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="fr" data-menu="126" data-portal="55" data-uid="" class="body website esbe "> <div class="main"> <nav class="menu active "> <div class="teaser"> <div class="teaser-wrapper">{{Text}}</div> <span class="close-teaser"><i class="icon fas fa-times"></i></span> </div> <div class="menu-wrapper"> <div class="logo-container" style="display:none;"> <a aria-label="Home" class="logo" href="/fr/home/"> <img data-src="/uploads/logos/svg/235220.svg" alt="Logo" src="/uploads/logos/svg/235220.svg" class="svg" onerror="this.src='/images/logo/WMG_nl.png'"> </a> </div> <div Class="width-wrapper h100"> <div class="search"> <h4>Information professionnelle pour l'energie renouvelable</h4> <form action="/fr/recherche/"> <input aria-label="Cherchez des articles, des vidéos, des fournisseurs et bien plus encore" id="search-input" data-translate-search="Cherchez des articles, des vidéos, des fournisseurs et bien plus encore" data-translate-and="et" data-translate-all="Tous" type="text" name="kw" placeholder="" class="tbx" autocomplete="off" value="" /> <input type="hidden" name="ob" value="1" /> <button class="btn fas" type="submit" aria-label="Search"></button> </form> </div> </div> <div class="nav"> <ul class="nav small"> <li Class="nav"><a href="/fr/surveyresults/"><i class="icon fas fa-chart-bar"></i>Études</a></li> <li Class="nav"><a href="/fr/winkelmandje/"><span class="basket-counter-wrapper"><i Class="icon fas fa-shopping-cart"></i><span Class="basket-counter ">0</span></span>Panier</a></li> <li class="nav small"><a class="last" href="/fr/aanmelden/?returnurl=https%3a%2f%2fenergysolutions.pmg.be%2ffr%2fconditionsgenerales%2f&redirecturl=https://energysolutions.pmg.be/fr/conditionsgenerales/"><i class="icon fas fa-user"></i>Se connecter</a></li> <li Class="nav btn"><a class="btn" href="/fr/subscriptions/">S'abonner</a></li> </ul> <ul class="nav"> <li class="nav"><a href="/fr/allesover/"><i class="icon fas fa-book"></i>Alles over</a></li> <li Class="nav"><a href="/fr/onlinemagazine/"><i class="icon fas fa-paper-plane"></i>Nieuwsbrieven</a></li> <li Class="nav"><a href="/fr/magazines/"><i class="icon fas fa-book-open"></i>Magazines</a></li> <li Class="nav"><a href="/fr/companyranking/"><i class="icon fas fa-list-alt"></i>Annuaires </a></li> <li Class="nav"><a href="/fr/evenementen/"><i class="icon fas fa-calendar-alt"></i>Calendrier</a></li> </ul> </div> <div Class="mobile-button-container"> <Button id="mobile-menu-button" aria-label="Menu"> <i Class="fas fa-bars"></i> <i Class="fas fa-times d-none"></i> </Button> </div> </div> <div class="context-wrapper bg-context "> <div class="width-wrapper position-relative"> <ul> <li><a href="/fr/recherche/sol">énergie solaire</a></li> <li><a href="/fr/recherche/wen">énergie éolienne</a></li> <li><a href="/fr/recherche/wpm">pompes à chaleur</a></li> <li><a href="/fr/recherche/est">stockage de l’énergie</a></li> <li><a href="/fr/recherche/enm">gestion de l’énergie</a></li> <li><a href="/fr/recherche/ldp">bornes de recharge</a></li> <li><a href="/fr/recherche/vrt">véhicules</a></li> </ul> </div> </div> </nav> <div Class="wrapper" id="top"> <div Class="content mt" id="content"> <div Class="banner appear nv"> <div Class="width-wrapper"> <div Class="banner-wrapper"> <a href="#"><img src="" /></a> <Button Class="hide-banner"><i class="icon fas fa-times"></i></Button> </div> </div> </div> <div Class="content-top-teaser teaser"> <div Class="width-wrapper"> <div Class="teaser-wrapper"></div> </div> <span Class="close-teaser"><i class="icon fas fa-times"></i></span> </div> <div id="ctr-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"> <h3><strong> Professional Media Group</strong></h3> <h5>PM Editions nv– rédaction (abonnements)</h5> <p>Torhoutsesteenweg 226/7, 8210 Zedelgem <br /> Tél.: +32 (0)50/24.04.04 – Fax: +32 (0)50/24.04.45 – <a href="mailto:info@pmg.be">info@pmg.be</a> <br />TVA: BE 0440.681.985</p> <h5>PM Regie nv– régie publicitaire</h5> <p>Torhoutsesteenweg 226/6, 8210 Zedelgem <br /> Tél.: +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>Conditions de vente générales</h3> <ol> <li>Sauf dérogation expresse que nous aurions confirmée par écrit sur un certain point, tous nos contrats sont soumis aux présentes conditions de vente à l’exclusion des conditions du co-contractant. La seule commande implique l’acceptation des présentes conditions de vente par le co-contractant et la renonciation à ses propres conditions.</li> <li>Les renseignements qui figurent dans les catalogues, prospectus et listes de prix ne sont donnés qu’à titre purement indicatif et n’impliquent aucun engagement de notre part.</li> <li>Nous nous réservons le droit de modifier ou de retirer à tout temps notre offre, à condition qu’elle n’ait pas encore été acceptée par le co-contractant.</li> <li>Le contrat ne sera considéré comme définitif et valable qu’après notre confirmation écrite de la commande.</li> <li>Les prix mentionnés dans le contrat sont calculés nets sur base des tarifs en vigueur à la date de signature du contrat, et toujours hors taxes, impôts, transport et coûts similaires. Toute augmentation de prix imposée par des fournisseurs tiers avant la date de livraison entraînera de plein droit et sans avis préalable une révision des prix qui figurent dans le contrat.</li> <li>Les délais de livraison et/ou réalisation ne sont pas impératifs et sont donnés à titre indicatif. Le co-contractant ne pourra en aucun cas réclamer des dommages et intérêts de toute nature et/ou résilier le contrat pour cause de dépassement des délais et/ou dates de publication indiqués. En cas de force majeure, d’incendie, de grève et de mesures publiques, nous sommes déchargés de toute responsabilité vis-à-vis du co-contractant. Le contrat peut si nécessaire être rompu sans le moindre droit à un dédommagement pour le co-contractant.</li> <li>Nous nous réservons le droit d’envoyer des factures d’acomptes pour les travaux, marchandises, prestations et/ou publications livrés partiellement effectués. Le co-contractant ne pourra à aucune condition objecter un retard de prestation (retard de paiement) pour toute raison quelconque sur la partie facturée des travaux, marchandises, prestations et/ou publications fournis. Pour les commandes portant à la fois sur des émissions télévisées et des enregistrements, une facture d'acompte correspondant aux frais de production sera envoyée, quelles que soient les dates d'enregistrement et de diffusion.</li> <li>Au cas où le co-contractant refuse de réceptionner une partie ou la totalité des marchandises, travaux, prestations et/ou publications commandés, le contrat sera résolu de plein droit et sans mise en demeure et le co-contractant devra payer un montant égal à 40% du montant contractuel et/ou le solde du montant, ceci à titre d’indemnisation forfaitaire.</li> <li>La commande est effectuée selon les règles de l’art et conformément aux critères techniques et esthétiques qui seront déterminés souverainement par nous, sauf stipulation contraire d’un cahier des charges particulier et/ou directives spécifiques en ce qui concerne le contrat.</li> <li>Les marchandises expédiées par n’importe quel moyen de transport, voyagent toujours aux risques et périls de notre co-contractant, même en cas d’envoi franco.</li> <li>Toute réclamation relative à nos marchandises, travaux, prestations et/ou publications livrés doit nous être communiquée dans la huitaine qui suit la réception des marchandises et/ou date de publication, par lettre recommandée, sous peine de forclusion. Pour être recevable, toute contestation relative à des montants portés en compte doit nous parvenir dans la huitaine qui suit la date de la facture par lettre recommandée. La réaction à une réclamation tardive n’implique nullement préjudice à ce qui précède et est toujours sous réserve de tous les droits et sans aucune reconnaissance préjudiciable. Lorsqu’une réclamation relative à des marchandises, travaux, prestations et/ou publications effectués est admise entre les parties ou en justice, notre responsabilité se limitera à la réparation ou au remplacement, à l’exclusion de l’indemnité pour un quelconque dommage direct ou indirect.</li> <li>Les éventuelles garanties que nous accordons dans le cadre des conditions particulières de notre contrat, ne sont applicables qu’à condition que le produit, prestation et/ou publication livré soit utilisé de manière adéquate et que tout défaut soit signalé sans délais. <br /> Les garanties ne se rapportent jamais aux réparations ou remplacements qui résultent d’accidents, de négligences, d’utilisation inadéquate ou de causes étrangères, tels que les perturbations sur les lignes de communication, dans la distribution d’électricité ou tout autre produit. A l’exception des garanties explicitement mentionnées dans les conditions de vente particulières d’un contrat, aucune garantie n’est prévue en standard concernant les marchandises, travaux, prestations et/ou publications fournis. Nous ne sommes pas non plus responsables de l’exactitude au niveau du contenu du produit fourni et/ou publié.</li> <li>Tous les projets, données techniques ou autres, fichiers électroniques, maquettes, dessins ou conceptions graphiques relatifs aux marchandises, travaux, prestations et/ou publications fournis ou mentionnés dans une offre faite au co-contractant demeurent notre propriété exclusive et ne peuvent pas être copiés ni communiqués à des tiers. La réalisation par nos soins de clichés, films, fichiers <br /> et/ou maquettes électroniques, supports magnétiques nécessaires à la réalisation de la commande du client peut être toujours facturée.</li> <li>Le co-contractant qui donne une mission de réalisation, de reproduction et/ou de publication est supposé être détenteur des droits d’auteur et de publication en question. Nous ne sommes pas responsables du contenu du texte, des images, photos, etc. mis à notre disposition. Cela implique qu’en cas de problème, quel qu’il soit, le co-contractant reconnaît assumer toute la responsabilité et nous préserve de toute réclamation potentielle formulée par des tiers.</li> <li>Les originaux, disquettes, clichés, supports magnétiques, papiers, matériaux et marchandises, laissés dans nos magasins par le co-contractant, sont tenus à disposition pendant un délai de 3 mois. Passé ce délai, nous nous réservons le droit de disposer librement dudit matériel.</li> <li>Tout emballage de quelque nature que ce soit est facturé en supplément et n’est pas repris.</li> <li>Les marchandises, travaux, prestations et/ou publications fournis par nos soins demeurent notre entière propriété jusqu’à leur paiement intégral, y compris les éventuels dommages, coûts et intérêts, ceci en dérogation à l’art. 1583 du Code Civil. Nonobstant cette réserve de propriété expresse, tous les risques afférents aux marchandises, travaux, prestations et/ou publications sont immédiatement transférés au co-contractant.</li> <li>Nous nous réservons le droit de facturer au prix de la valeur à l’état neuf tout matériel donné en dépôt au co-contractant et rendu endommagé. Le co-contractant est responsable de tous les dommages corporels, pertes ou endommagements de quelque nature que ce soit occasionnés par ou apportés au dit matériel, même par une cause étrangère ou cas de force majeure.</li> <li>Sauf stipulation contraire complémentaire, toutes nos factures sont payables au comptant (dans les 14 jours suivant la date de la facture) à Zedelgem. Les paiements faits à des représentants, intermédiaires ou tierces personnes ne sont pas valables.</li> <li>Toute facture impayée à l’échéance a pour effet que toutes les sommes dues sont majorées de plein droit d’un intérêt de 1% par mois, sans mise en demeure préalable. Les éventuels acomptes seront d’abord et toujours imputés sur les intérêts échus et les coûts. En cas de non-paiement partiel ou total de la dette à l’échéance et après une mise en demeure infructueuse, un dédommagement supplémentaire est dû par le débiteur à savoir un montant forfaitaire équivalent à 15% de la dette impayée, avec un minimum de 250 euros. Dans le cas d’une procédure judiciaire, tous les frais de procédure et frais d’exécution seront acquittés par le débiteur, tout comme les prestations imputées de l’avocat désigné. En aucun cas, le débiteur ne peut invoquer une quelconque compensation, sous réserve de notre accord explicite.</li> <li>Une facture impayée à son échéance entraîne, de plein droit et sans mise en demeure, l’exigibilité de toutes les autres factures non échues, même si elles constituent l’objet de traites non échues.</li> <li>En cas de non paiement d’une facture à l’échéance ou en cas de modification de l’état du co-contractant (telle que décès, incapacité, dissolution ou modification de la société, protestation d’un effet accepté, solvabilité instable, concordat, faillite, etc.), nous nous réservons le droit d’interrompre toutes les livraisons et de rompre tous les contrats existants avec le co-contractant, sans aucun droit à une indemnité quelconque du chef de ce dernier, sans préjudice de notre propre droit à un dédommagement, à des intérêts,...</li> <li>Seuls la Justice de Paix du premier canton Courtrai, le Tribunal de Flandre Occidentale, Division Courtrai ou le Tribunal de Commerce de Gand, Division Courtrai sont compétents en cas de litige. Seuls nous pourrons y déroger.</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> <!--<button class="module-aspectratio side-tile" data-class="ar7"><span class="sample ar7"><span>34</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar8"><span class="sample ar8"><span>2:3</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar9"><span class="sample ar9"><span>5:8</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar6"><span class="sample ar6"><span>9:16</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar12"><span class="sample ar12"><span>1:2</span></span></button> <Button Class="module-aspectratio side-tile" data-class="ar10"><span class="sample ar10"><span>BTN</span></span></button>--> </div> <div Class="view-menu module-context-menu pd"> <h6>Weergave</h6> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1 vwsm" data-value="8"><span class="sample ar1"><span>1 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1" data-value="1"><span class="sample ar1"><span>1 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw1 vwlg" data-value="9"><span class="sample ar1"><span>1 L</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2 vwsm" data-value="10"><span class="sample ar1"><span>2 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2" data-value="2"><span class="sample ar1"><span>2 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw2 vwlg" data-value="11"><span class="sample ar1"><span>2 L</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3 vwsm" data-value="12"><span class="sample ar1"><span>3 S</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3" data-value="3"><span class="sample ar1"><span>3 M</span></span></Button> <Button Class="module-view side-tile" data-prefix="vw" data-class="vw3 vwlg" data-value="13"><span class="sample ar1"><span>3 L</span></span></Button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9 vwsm" data-value="15"><span class="sample ar1"><span>4 S</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9" data-value="16"><span class="sample ar1"><span>4 M</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw9 vwlg" data-value="17"><span class="sample ar1"><span>4 L</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b vwsm" data-value="18"><span class="sample ar1"><span>5 S</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b" data-value="19"><span class="sample ar1"><span>5 M</span></span></button> <button class="module-view side-tile" data-prefix="vw" data-class="vw2b vwlg" data-value="20"><span class="sample ar1"><span>5 L</span></span></button> </div> <div Class="corner-menu module-context-menu pd"> <h6>Hoeken afronden</h6> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr0" data-value="0"><span class="sample ar1 cr0"><span>0</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr1" data-value="1"><span class="sample ar1 cr1"><span>1</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr2" data-value="2"><span class="sample ar1 cr2"><span>2</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr3" data-value="3"><span class="sample ar1 cr3"><span>3</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr4" data-value="4"><span class="sample ar1 cr4"><span>4</span></span></Button> <Button Class="module-view side-tile" data-prefix="cr" data-class="cr5" data-value="5"><span class="sample ar1 cr5"><span>5</span></span></Button> </div> <div Class="content-bottom-teaser teaser"> <div Class="width-wrapper"> <div Class="teaser-wrapper"></div> </div> <span Class="close-teaser"><i class="icon fas fa-times"></i></span> </div> </div> </div> <footer> <div class="container sitemap"> <div class="width-wrapper"> <div class="col-3"> <img class="footer-logo" src="/images/logo/WMG_nl.png" alt="PMG logo" /> </div> <div class="col-3"> <h5 class="h5">Une édition de </h5> <ul> <li> <span>Professional Media Group</span> </li> <li> <a href="http://www.pmg.be" target="_blank" rel="noopener">www.pmg.be</a> </li> <li> <span> </span> </li> <li> <span>Tous droits réservés.</span> </li> <li> <a href="/fr/conditionsgenerales/">Conditions générales</a> </li> <li> <a href="/fr/privacy/">Privacy</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5"><a href="/">Energy Solutions</a></h5> <ul> <li> <a href="/fr/subscriptions/">S'abonner</a> </li> <li> <a href="/fr/annoncer/">Annoncer</a> </li> <li> <a href="https://www.pmg.be/fr/vacatures">Jobs</a> </li> <li> <a href="/fr/contact/">Contact</a> </li> </ul> </div> <div class="col-3"> <h5 class="h5">Choisissez une langue</h5> <ul> <li> <a href="/nl/conditionsgenerales/">Néerlandais</a> </li> <li> <a href="/fr/conditionsgenerales/">Français</a> </li> </ul> </div> </div> </div> <div class="footer"> <div class="width-wrapper"> <ul class="footer-list"> <li class=""> <a href="/fr/contact/">Contact</a> </li> <li class=""> <a href="/fr/annoncer/">Annoncer</a> </li> <li class=""> <a href="/fr/conditionsgenerales/">Conditions générales</a> </li> <li class=""> <a href="/fr/privacy/">Politique de confidentialité</a> </li> </ul> </div> </div> </footer> <a Class="mobile-basket-btn d-none" href="/fr/winkelmandje/"> <i Class="fas fa-shopping-basket"></i> <span Class="basket-counter show">0</span> </a> </div> <div id="pnl-properties" Class="panel properties"> </div> <div id="global-message" Class="hidden"><div Class="text"></div></div> <div id="gdpr-box"> <h2 class="">Bienvenue chez Energy Solutions <i class="fas fa-cookie-bite text-brown"></i></h2> <Button Class="close" aria-label="Fermer"><i class="fas fa-times"></i></Button> <p> Energy Solutions utilise des cookies pour optimiser et personnaliser votre expérience utilisateur. En utilisant ce site web, vous acceptez <a Class="text-orange lowercase" href="/fr/privacy/">La gestion de confidentialité et des cookies</a>. </p> <Button Class="agree orange uppercase">D’accord</Button> </div> <div Class="modal-overlay"></div> <div Class="modals"> <div id="register-type2" Class="modal register"> <a href="#content" class="close-modal"><i class="fas fa-times"></i></a> <div class="modal-wrapper"> <div> <h1 class="uppercase">Inscrivez-vous</h1> <h2>Inscrivez-vous et devenez abonné en ligne gratuitement</h2> <form id="register-user-form" action="/api/account/registeruser" method="post"> <div Class="input-fields type2"> <label for="username">Adresse e-mail*</label> <input id="username" class="email required" type="email" name="Username" required /> <Label for="last-name">Nom*</Label> <input id="last-name" Class="email required" type="text" name="LastName" required autocomplete="off"> <Label for="first-name">Prénom*</Label> <input id="first-name" Class="email required" type="text" name="FirstName" required autocomplete="off"> <Label for="password1">Mot de passe*</Label> <input id="password1" Class="email required" type="password" name="password1" required autocomplete="off"> <p class="text-small">Minimum 6 caractères</p> <Label for="password2">Réintroduisez le mot de passe*</Label> <input id="password2" Class="email required" type="password" name="password2" required autocomplete="off"> </div> <input name="__RequestVerificationToken" type="hidden" value="7ZIW8NKGEQTSrsr8K-MCwH4lg0xYFuQDD3IVSFj9kaOZtAVTVOSuAQVf-n2GqwDouvBIJKSqp95xJ7Gvk2ecWFatvXy7aSlRqIr0p0XAI9I1" /> <input type="hidden" id="hdnResponse" name="g-recaptcha-response" value="" /> <Button id="register-user-form-submit" Class="btn orange" type="submit">Sauvegarder</Button> <p class="info">Avec un profil d'utilisateur, vous avez accès à des fonctionnalités supplémentaires: réagir, acheter,...</p> <p class="fs-08"><strong class="text-bold mb-1 d-block">Vous êtes déjà enregistré??</strong><a class="text-orange" href="/fr/aanmelden/?redirecturl=https://energysolutions.pmg.be/fr/conditionsgenerales/">Identifiez-vous pour continuer</a></p> </form> <div class="disclaimer"> <p>En vous inscrivant, vous recevrez le newsletter. Vous pouvez suspendre le newsletter à tout moment et sans autres formalités. Nous garantissons que votre adresse e-mail et autres données personnelles ne seront jamais communiquées à des tiers et seront uniquement utilisées pour l'envoi du newsletter. </p> <p>En vous inscrivant, vous acceptez <a href="/fr/privacy/" class="lowercase">Les conditions de respect de la vie privée</a>.</p> </div> </div> </div> </div> <div id="collections" Class="modal collections requiresContact"> <div Class="modal-wrapper overflow"> <h1>Ajouter à une collection</h1> <div class="row"> <div class="image"> <img class="collections-img" alt="" /> <div class="info"> <span class="collections-type"></span> </div> </div> <form class="form" autocomplete="off"> <label>Nom</label> <div class="row"> <input type="text" class="tbx collections-title" name="title" value="" /> </div> <label>Collection</label> <div class="row"> <input type="text" value="" class="tbx collections-item" name="collection" placeholder="zoek in uw collectie" required /> </div> <label>uw huidige collecties</label> <div class="row overflow list"> <ul id="collections-items" class="hidden onload" data-action="/api/collection/getcollections"> {{#rows}} <li><a href="#" onclick="return false;" data-value="{{name}}">{{name}}</a></li> {{/rows}} </ul> </div> <div class="btns"> <input type="hidden" class="collections-reference" name="reference" /> <input type="button" value="Sauvegarder" class="save-modal btn save right" data-action="/api/collection/save" data-success="Ajouté à la collection" data-error="L'ajout à la collection a échoué" /> </div> </form> </div> </div> <a href="#content" class="close-modal"><i class="fas fa-times"></i></a> </div> <div id="pick-address" Class="modal address-modal custom-scrollbar"> <a href="#content" Class="close-modal"><i Class="fas fa-times"></i></a> <div Class="modal-wrapper"> </div> </div> <div id="complete-profile" Class="modal complete-profile prevent-close"> <div class="modal-container"> <div class="modal-wrapper"> <div class="c-container"><div class="c1"><div class="c2 bg-orange"><i class="far fa-id-card"></i></div></div></div> <h1>Complétez votre profil</h1> <form id="save-profile-form" action="/api/roularta/SaveProfile?returnurl=https://energysolutions.pmg.be/fr/conditionsgenerales/" method="post"> <div class="input-fields"> <label for="complete-profile-companyid">Entreprise</label> <select class="ddl complete-profile-company" id="complete-profile-company" name="CompanyReference" required></select> </div> <div class="input-fields"> <label for="complete-profile-companyid">Domaine d'emploi</label> <select class="ddl complete-profile-jobdomain" id="complete-profile-jobdomain" name="JobDomainID" required></select> </div> <input name="__RequestVerificationToken" type="hidden" value="AJUbMMcBhtcdstFqhR-UhED9pmPAL8Q8YhBf6mqr15KDwfZPvHHt7yPv0FSzrsnX3aPauu0tPMhJN-eImsXXUCbxXLrO10Qm6pV3206iyjw1" /> <input type="hidden" class="complete-profile-contactid" name="ContactID" value="0" /> <input type="hidden" class="complete-profile-id" name="ID" value="0" /> <div class="btns"><button class="btn orange" type="submit">Sauvegarder</button></div> </form> <a href="#" class="close-modal text-orange">souviens-toi de moi plus tard</a> </div> </div> </div> <div id="ajax-modal-container"> </div> <div id="change-abo-language" Class="modal change-abo-language"> <div class="modal-wrapper"> <h1>Changer de langue</h1> <form id="change-abo-language-form" action="/api/account/ChangeAboLanguage" method="post"> <div class="input-fields"> <Label for="credits">Langue</Label> <select class="change-abo-language-language mg-b-1" name="language"> <option value="nl" >Néerlandais</option> <option value="fr" >Français</option> </select> </div> <input name="__RequestVerificationToken" type="hidden" value="kyUISfWv3rq5ZA9efssHcUdVtmSIVSTcg65piZ2dqiJyP4fWJzpy9tolmDwUCFPIbxN73LeY1IrjptPmgpyJCOcZprMzUQGXFiLq23QxPrU1" /> <input type="hidden" class="change-abo-language-aboid" name="aboid" /> <button id="change-abo-language-form-submit" class="btn orange" type="submit">Sauvegarder</button> </form> </div> </div> </div> <script> // Pass through back-End variables For easy use + prevent caching var userSecurityType = 0; var pageSecurityType = 0; var language = 'fr'; var menuReference = 'conditionsgenerales'; // Pass some translations as global js variable -> all javascript files will be able to access these var globalTranslatedSave = 'Sauvegarder'; var globalTranslatedCancel = 'Annulez'; var csrfFieldHtml = '<input name="__RequestVerificationToken" type="hidden" value="IpdOiNmN12wExv59gW2US-tv4Xky4-EZr0B349wZYRtyqbF0UzRn0XgEO8NORF2lQg_0VVtQci9-wOalmSGFHmTML4kn2OLW7cjJWPmzQPA1" />'; var csrfFieldNode = new DOMParser().parseFromString(csrfFieldHtml, 'text/html').body.childNodes[0]; </script> <!-- FOR DEBUG!! ADD TO MODAL! --> <script type="text/javascript" src="/Scripts/jquery-3.4.1.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/jquery-ui.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/jquery.appear.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/chosen.jquery.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/mustache.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/plupload.full.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/main.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/helper.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/stats.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/validate.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/basket.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/tooltipster.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/lightbox.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/comment.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/eloket-fo.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/pmg-tools.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/navigation.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/select2.full.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/swipe.min.js?ver=v1.09.189"></script> <script type="text/javascript" src="/Scripts/order.js?ver=v1.09.189"></script> <script src="https://plugin.pmg.be/3d/js/pmg3d.js"></script> <script src="https://plugin.pmg.be/3d/js/pmg3d_modal_viewer.js"></script> <script> function setBasketCounter(counter) { $('.basket-counter').html(counter).addClass('show'); if ($('#sub-nav-shop').hasClass('withorder') == false) { $('#sub-nav-shop').addClass('withorder'); $('#nav-li-shop').removeClass('hidden'); } $('.mobile-basket-btn.d-none').removeClass('d-none'); } // Keep track of timeout function var messageTimeout function ShowMessage(message, className, hideAfter) { // In case the fadeOut animation already started, make sure it stops $('#global-message').stop(); // Clear timeout in case another timeout was already running clearTimeout(messageTimeout); // Remove the previous class in case there was one $('#global-message').removeAttr('class'); $('#global-message').addClass('hidden').removeAttr("style"); $('#global-message .text').html(message); $('#global-message').addClass(className).removeClass('hidden'); if (className == 'fatal-error') { $('.modal-overlay').addClass('error').show(); } if (hideAfter > 0) { messageTimeout = setTimeout(HideMessage, hideAfter); } } function HideMessage() { $("#global-message").fadeOut("slow", function () { $('#global-message').attr('class', 'hidden').removeAttr("style"); // removed line below-> don't think we want modals to close everytime after a message is hidden? makes no sense + problems for modal after adding to shoppingcart // reset line with error class selector, should only be used on fatal-errors $('.modal-overlay.error').removeClass('error').hide(); // Clear timeout from ShowMessage() in case function was called from anything else than ShowMessage() // clearTimeout(messageTimeout); }); } $(document).keydown(function (e) { if (e.keyCode === 27) { $('body').removeClass('open'); $('a.toggle.open').removeClass('open'); $('.sub-nav.open').removeClass('open'); $('.module-context-menu').hide(); $('.context-menu').hide(); //$('#pnl-properties').removeClass('open'); } }); $(document).on('keyup', '.collections-item', function (e) { keyword = $(this).val().toUpperCase(); $("#collections-items li").each(function (index) { if ($(this).children('a').html().toUpperCase().indexOf(keyword) > -1) { $(this).show(); } else { $(this).hide(); } }); }); $(document).on('click', '#btnActionStart', function (e) { e.preventDefault(); $(this).toggleClass('open'); $('#ulActionStart').toggleClass('open'); }); $(document).on('click', 'form.recaptcha-form button[type="submit"]', function (e) { console.log('recaptcha function triggered'); e.preventDefault(); var $form = $(this).closest('form'); grecaptchaCheckAndPost($form); }); function grecaptchaCheckAndPost($form) { // Pass a jquery form object to add a hidden recaptcha field to // use this when another function already overrides the click function and submits the form -> this could skip the .recaptcha-form and submit without it being properly called // this doesn't trigger any submit event, submitting has to happen elsewhere if using this function var $button = $form.find('button[type="submit"]'); console.log($form); grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { var $hiddenInput = $('<input type="hidden" name="g-recaptcha-response"/>'); $hiddenInput.val(token); $hiddenInput.insertBefore($button); $form.submit(); }); }); } $(document).on('click', '#register-contact-form button[type="submit"]', function (e) { e.preventDefault(); var $form = $("#register-contact-form"); // Added checkValidity to make sure required emailfield is set!!! if (!$form[0].checkValidity()) { return; } grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { $('#register-contact-form #hdnResponse').val(token); $form.submit(); }); }); }); $(document).on('click', '#register-user-form-simple button[type="submit"]', function (e) { e.preventDefault(); grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { $('#register-user-form-simple #hdnResponse').val(token); $("#register-user-form-simple").submit(); }); }); }); $(document).on('click', '#register-user-form button[type="submit"]', function (e) { e.preventDefault(); grecaptcha.ready(function () { grecaptcha.execute('6Lel9bIaAAAAANLAKkI0TsWGobQ7vmyfqLL2iJkR', { action: 'submit' }).then(function (token) { $('#register-user-form #hdnResponse').val(token); $("#register-user-form").submit(); }); }); }); $(document).on('click', '.filter.categories', function (e) { e.preventDefault(); if ($('#pnl-settings').hasClass('open')) { $('#pnl-settings').removeClass('open'); $('.menu').removeClass('open'); $('body').removeClass('open'); } else { $('#pnl-settings').addClass('open'); $('.menu').addClass('open'); $('body').addClass('open'); } }); $(document).on('click', '#collections-items li a', function (e) { $('#collections-items li a.active').removeClass('active'); $(this).addClass('active'); $('.collections-item').val($(this).data('value')); }); $(document).on('click', 'a.cm', function (e) { var cm = $(this).attr('data-cm'); var o = $('#' + cm); var left = parseInt($(this).position().left) + 15; var top = parseInt($(this).position().top) + 15; var rightPositionCm = left + o.width() + 100; var rightPositionWindow = window.innerWidth; var right = 32; o.removeAttr('style'); // Responsive behaviour if (rightPositionCm > rightPositionWindow) { o.css('right', right + 'px'); } else { o.css('left', left + 'px'); } o.css('top', top + 'px'); $('body').toggleClass('open'); o.toggle(); }); $(document).on('click', 'body.open:not(.toggle)', function (e) { console.log($(e.target)); if ($(e.target).closest('.sub-nav.open').length === 0) { $('body').removeClass('open'); $('a.toggle.open').removeClass('open'); $('.sub-nav.open').removeClass('open'); $('.menu').removeClass('open'); } if ($(e.target).closest('.module-context-menu').length === 0) { $('.module-context-menu').hide(); } if ($(e.target).closest('.context-menu').length === 0) { $('.context-menu').hide(); } if ($(e.target).closest('.panel').length === 0 && $(e.target).closest('.tile').length === 0) { $('.panel.open').removeClass('open'); $('.edit [data-prop]').removeAttr('id').removeClass('active'); } }); $(document).on('click', 'body', function (e) { if (!$(e.target).is('.tile, .tile *, .panel, .panel *')) { $('.panel.open').removeClass('open'); $('.edit [data-prop]').removeAttr('id').removeClass('active'); } }); $(document).on('click', 'button.filter:not(.categories)', function (e) { e.preventDefault(); e.stopPropagation(); var filter = $(this).data('filter'); var value = $(this).data('value'); $('#advancedsearch #' + filter).val(value); $("#advancedsearch").submit(); }); $(document).on('click', 'button.switch', function (e) { $(this).toggleClass('active'); var group = $(this).data('group'); var filter = $(this).data('filter'); var value = $(this).data('value'); var values = '0'; $("#group-" + group + ' button').each(function (index) { if ($(this).hasClass('active')) { values += ',' + $(this).data('value'); } }); $('#advancedsearch #' + filter).val(values); $("#advancedsearch").submit(); }); $(document).on('click', 'button.group', function (e) { e.preventDefault(); e.stopPropagation(); var group = $(this).data('group'); if ($("#group-" + group).hasClass('open')) { $(this).removeClass('open'); $('#gp').val(''); $("#group-" + group).removeClass('open').animate({ height: "0px" }, 400, function () { $("#group-" + group).hide(); }); } else { $(this).addClass('open'); $('#gp').val(group); $("#group-" + group).show(); $("#group-" + group).addClass('open').animate({ height: "50px" }, 400, function () { // Animation complete. }); } }); function closeModal() { $('.modal-overlay').hide(); $('.modals').hide(); $('.modals-extra').hide(); $('.modal').hide(); $('body').removeClass('noscroll'); $('.modal-ajax-load').remove(); } $(document).on('mousedown', '.modals:not(.modal)', function (e) { if ($(e.target).closest('.modal').length === 0) { // Check if modal is allowed to be closed if ($(this).hasClass('prevent-close')) { return } closeModal(); } }); $(document).on('mousedown', '.modals-extra:not(.modal)', function (e) { if ($(e.target).closest('.modal').length === 0) { // Check if modal is allowed to be closed if ($(this).hasClass('prevent-close')) { return } closeModal(); } }); $(document).on('click', '.close-modal', function (e) { e.preventDefault(); e.stopPropagation(); closeModal(); }); $(document).on('click', '.save-modal', function (e) { e.preventDefault(); e.stopPropagation(); var form = $(this).closest("form"); var formdata = form.serializeArray(); var action = $(this).data('action'); var successMsg = $(this).data('success'); var errorMsg = $(this).data('error'); var call = $(this).data('call'); var redirect = $(this).data('redirect'); $.ajax({ type: "POST", url: action, contentType: 'application/json; charset=utf-8', data: JSON.stringify({ formData: formdata }), dataType: "json", error: function (msg) { ShowMessage(errorMsg, 'error', 4000); closeModal(); }, success: function (msg) { if (call != undefined){ window[call](msg); } if (redirect != undefined){ window.location.href = redirect; } if (successMsg) { ShowMessage(successMsg, 'success', 4000); } closeModal(); } }); }); $(document).on('click', '.call-function', function (e) { e.preventDefault(); e.stopPropagation(); var form = $(this).closest("form"); var formdata = form.serializeArray(); var action = $(this).data('action'); var successMsg = $(this).data('success'); var errorMsg = $(this).data('error'); var call = $(this).data('call'); var redirect = $(this).data('redirect'); var callParams = $(this).data('call-params'); $.ajax({ type: "POST", url: action, contentType: 'application/json; charset=utf-8', data: JSON.stringify({ formData: formdata }), dataType: "json", error: function (msg) { ShowMessage(errorMsg, 'error', 4000); }, success: function (msg) { if (call != undefined) { window[call](callParams, msg); } if (redirect != undefined) { window.location.href = redirect; } if (successMsg) { ShowMessage(successMsg, 'success', 4000); } } }); }); $(document).on('click', '.open-modal', function (e) { e.preventDefault(); e.stopPropagation(); var modal = $(this).data('modal'); $('body').addClass('noscroll'); $('.modal-overlay').show(); if ($(this).hasClass('extra')) { $('.modals-extra').css('display', 'flex'); } else { $('.modals').css('display', 'flex'); } if ($('#' + modal).hasClass('requiresContact') && userSecurityType < 1) { var modal = 'register'; $('#' + modal).show(); return; } else if($('#' + modal).hasClass('requiresUser') && userSecurityType < 3) { var modal = 'register-type2'; $('#' + modal).show(); return; } else { $('#' + modal).show(); } $('#' + modal).find('.onload').each(function (index) { var action = $(this).data('action'); var template = $(this).html(); var id = $(this).attr('id'); $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: action, dataType: "json", error: function (json) { }, success: function (json) { if (json.rows.length > 0) { $('#' + id).html((Mustache.to_html(template, json))); $('#' + id).removeClass('hidden'); } else { $('#' + id).addClass('hidden'); } } }); }); $.each($(this).data(), function (i, v) { if ($('.' + modal + '-' + i).is("img")) { $('.' + modal + '-' + i).attr('src', v); $('.' + modal + '-' + i).val(v); } else { if ($('.' + modal + '-' + i).is("span") || $('.s' + modal + '-' + i).is("p")) { $('.' + modal + '-' + i).html(v); } else { if ($('.' + modal + '-' + i).is("a")) { if (v.indexOf('|') > -1) { $('.' + modal + '-' + i).text(v.split('|')[0]); $('.' + modal + '-' + i).attr('href', v.split('|')[1]); } } else { $('.' + modal + '-' + i).val(v); } } } }); }); $(document).ready(function () { $(document).on('click', '.requestToken', function (e) { e.preventDefault(); var typeID = $(this).attr('data-type'); var customerReference = $('input.customerReference').val(); var customerEmail = $('input.customerEmail').val(); $.ajax({ type: "POST", contentType: 'application/json; charset=utf-8', url: "/api/customer/CreateToken", dataType: "json", data: "{typeID:" + typeID + ", customerReference:'" + customerReference + "', customerEmail:'" + customerEmail + "'}", error: function (msg) { ShowMessage('Er is een fout opgetreden. Probeer later opnieuw.', 'error', 6000); }, success: function (msg) { if (msg > 0) { if (menuReference == 'authenticatie') { $('.authentication .step1').addClass('hidden'); $('.authentication .step2').removeClass('hidden'); if (msg == 1) { ShowMessage('Code d'authentication a été envoyé par mail', 'success', 10000); } if (msg == 2) { ShowMessage('Code d'authentication a été envoyé par mail et message', 'success', 10000); } } else { window.location = '/' + language + '/authenticatie/?type=' + msg + '&klnr=' + customerReference; } } else { ShowMessage('Numéro client et/ou adresse e-mail ne sont pas correctes', 'error', 6000); } } }) }); window.onbeforeunload = confirmExit; function confirmExit() { if ($('body').hasClass('adapted')) { return "You have attempted to leave this page. Are you sure?"; } } collect(1, 1, 'fr', 55, document.title, '', '', 126); partnercollect('fr', 55, $('#hdnPartners').val(), $('#hdnSearchKeywords').val(), $('#hdnSearchReference').val()); errorMsg = {"Code":null,"Message":null,"Type":null,"HideAfter":0}; if (errorMsg.Code !== null && errorMsg.Code != '') { ShowMessage(errorMsg.Message, errorMsg.Type, errorMsg.HideAfter); } // Address radio buttons $(document).on('change', 'input[name="InvoiceUserTypeID"]:radio', function () { switch($(this).val()) { case '1': $('#pnlUserType2').addClass('d-none'); $('#pnlUserType2 input').prop('required', false); break; case '2': $('#pnlUserType2').removeClass('d-none'); $('#pnlUserType2 input').prop('required', true); break; default: $('#pnlUserType2').addClass('d-none'); $('#pnlUserType2 input').prop('required', false); } }); $("input[name=DeliveryOtherAddress]:radio").change(function () { switch($(this).val()) { case '0': $('#pnlAddress2').addClass('d-none'); $('[data-target="delivery-address-box"]').addClass('d-none'); break; case '1': $('#pnlAddress2').removeClass('d-none'); $('[data-target="delivery-address-box"]').removeClass('d-none'); break; default: $('#pnlAddress2').addClass('d-none'); $('[data-target="delivery-address-box"]').addClass('d-none'); } }); $(".tariff ul.list li.tab a").click(function (e) { e.preventDefault(); var tab = $(this).data('tab'); $(".tariff .container-header .list li.tab a").removeClass('active'); $(".tariff .container-left div.tab").removeClass('open'); $(this).addClass('active'); $(".tariff .container-left div[data-tab='" + tab + "']").addClass('open'); $('.tariff .container-header span.title').removeClass('active'); $(".tariff .container-header span.title[data-tab='" + tab + "']").addClass('active'); $(".tariff .container-right div.extra.toggle").hide(); $(".tariff .container-right div.extra.toggle[data-tab='" + tab + "']").show(); if (tab == 'online') { $('.info-viewer-link').attr('href', $('.info-viewer-link').attr('data-newsletter')); $('.info-viewer-btn').attr('href', $('.info-viewer-link').attr('data-newsletter')); } else { $('.info-viewer-link').attr('href', $('.info-viewer-link').attr('data-magazine')); $('.info-viewer-btn').attr('href', $('.info-viewer-link').attr('data-magazine')); } // change url after clicking a tab window.history.replaceState('', '', window.location.href.split('?')[0] + '?opentab=' + tab); }); var playPromise; var s = 0; var timeout; $(".tile").hover(function () { var velm = $(this); timeout = setTimeout(function () { // Only when video is available use play() method to prevent console errors if (velm.find('.tile-video').children('video').length > 0) { velm.find('.tile-video').show(); if (velm.find('.tile-video').hasClass('cover')) { s = velm.find('.tile-video').attr('data-second'); if (s > 0) { velm.find('.tile-video').children("video")[0].addEventListener('loadedmetadata', function () { this.currentTime = s; }, false); //velm.find('.tile-video').children("video")[0].currentTime = s; } } playPromise = velm.find('.tile-video').children("video")[0].play(); velm.find('.tile-image').css('z-index', '1'); velm.find('.tile-video').css('z-index', '2'); } }, 1000); }, function () { clearTimeout(timeout); if ($(this).find('.tile-video').children('video').length > 0) { $(this).find('.tile-video').hide(); $(this).find('.tile-image').css('z-index', '2'); $(this).find('.tile-video').css('z-index', '1'); var el = $(this).find('.tile-video').children("video")[0]; if (playPromise !== undefined) { playPromise.then(function () { el.pause(); }) } el.currentTime = s; } }); }); $(document).on('click', 'a.toggle', function (e) { e.preventDefault(); e.stopPropagation(); var sub = $(this).data('sub'); if ($(this).hasClass('open')) { $('body').removeClass('open'); $(this).removeClass('open'); $('#' + sub).removeClass('open'); } else { $('a.toggle.open').removeClass('open'); $('.sub-nav.open').removeClass('open'); $('body').addClass('open'); $(this).addClass('open'); $('#' + sub).addClass('open'); } }); if ($('.advancedsearch').length) { var sticky = $('.advancedsearch').offset().top - 100; } if ($(document).scrollTop() > 0) { $('.menu').addClass('scrolled'); $('body').addClass('s'); } if ($(document).scrollTop() > 450) { $('body').addClass('scrolled'); } $(document).scroll(function () { var y = $(this).scrollTop(); if (y > 0) { $('.menu').addClass('scrolled'); $('body').addClass('s'); } else { $('.menu').removeClass('scrolled'); $('body').removeClass('s'); } if (y > 450) { $('body').addClass('scrolled'); } else { $('body').removeClass('scrolled'); } if ($('.advancedsearch').length) { if (window.pageYOffset >= sticky) { //$('.advancedsearch').addClass("sticky") //$('.content').addClass("sticky") } else { //$('.advancedsearch').removeClass("sticky"); //$('.content').removeClass("sticky") } } }); var isFormBusy = false; // Register Contact Form (Security type = 1) $(document).on('submit', '#register-contact-form', function (e) { if (!isFormBusy) { isFormBusy = true; e.preventDefault(); var ajaxUrl = '/api/account/iscontact'; var loginUserUrl = '/api/account/logon' var email = $('#register-contact-form').find('[name="username"]').val(); var currentForm = $('#register-contact-form'); // Voer Ajax uit $.ajax({ type: "POST", url: ajaxUrl, data: "Email=" + email, error: function (msg) { ShowMessage(errorMsg, 'error', 4000); $('.modal-overlay').hide(); $('.modals').hide(); $('.modal').hide(); $('body').removeClass('noscroll'); }, success: function (isRegisteredUser) { if (isRegisteredUser) { // User is already a registered user, in this case the user has to give his password in order to get access to the account var passwordField = '<label for="password">Mot de passe</label><input id="password" class="password" type="password" name="password" required>'; currentForm.attr('action', loginUserUrl); currentForm.find('.input-fields').append(passwordField); var parentContainer = currentForm.parents('#register'); parentContainer.find('h1').html('Bienvenue!') parentContainer.find('h2').html('Identifiez-vous pour continuer'); parentContainer.find('h3').html('Vous ne l'êtes pas encore? '); parentContainer.find('.other-method').html('<a class="text-orange" href="/fr/aanmelden/?redirecturl=https://energysolutions.pmg.be/fr/conditionsgenerales/">Inscrivez-vous</a> comme nouvel utilisateur.') parentContainer.find('.info').html('Vous avez déjà un profil d'utilisateur, veuillez introduire votre mot de passe pour avoir accès à votre compte. <br><a class="text-orange" href="/fr/wachtwoordvergeten/">Créer un mot de passe/mot de passe oublié? </a>') currentForm.find('[type="submit"]').html('Se connecter'); currentForm.attr('id', 'login-user-form'); currentForm.find('#password').focus(); isFormsBusy = false; } else { // User isn't a registered user yet, in this case the form is sent and authenticated based only on the email currentForm.attr('id', 'approved-contact-form') $('#approved-contact-form').submit(); } } }); }; }); $(document).on('submit', '#register-user-form', function (e) { e.preventDefault(); if (!isFormBusy) { isFormBusy = true; currentForm = $(this) var password1 = currentForm.find('#password1').val(); var password2 = currentForm.find('#password2').val(); if (password1 === password2) { currentForm.attr('id', 'register-user-checked-form'); $('#register-user-checked-form').submit(); } else { if (currentForm.find('.input-message-error').length == 0) { currentForm.find('#password2').addClass('input-error'); currentForm.find('.input-fields').append('<p class="input-message-error">De ingevoerde wachtwoorden zijn verschillend.</p>') } isFormBusy = false; } } }); // Remove error on keyup in input fields $(document).on('keydown', '#register-user-form input', function (e) { currentForm = $('#register-user-form'); currentForm.find('#password2').removeClass('input-error'); currentForm.find('.input-message-error').remove(); }); $('body').on('click', '.to-top', function () { $('html, body').animate({ scrollTop: 0 }, '500'); }); function myCustomURLConverter(url, node, on_save) { // new function, old one didn't work properly (was impossible to link to another pmg domain) if (node) { // start by checking if the url needs any conversion (= absolute url for one of our own domains) if (url.startsWith('http') && (url.includes('pmg.be') || url.includes('dobbit.be')) && !url.includes('3d.pmg.be') && !url.includes('campagnes')) { // only convert urls for images if (node == 'img' || node == 'IMG') { url = url.substr(url.indexOf('/', 8)); // Adjusted, before this only removed the http:// not https://, resulted in problems when copy pasting from other article } } } return url; } </script> <script> /* Track external links */ function trackLink() { // Get the href link form the a tag var redirectUrl = $(this).attr('href'); var currentUrl = window.location.href; var title = document.title; var data = { RedirectUrl: redirectUrl, Url: currentUrl, Language: 'fr', Title: title, UID: '', MenuID: 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>