{"id":10463,"date":"2024-08-12T18:40:25","date_gmt":"2024-08-12T18:40:25","guid":{"rendered":"https:\/\/uniluxhvac.com\/carte-du-canada\/"},"modified":"2026-02-18T20:01:11","modified_gmt":"2026-02-18T20:01:11","slug":"carte-du-canada","status":"publish","type":"page","link":"https:\/\/uniluxhvac.com\/fr\/carte-du-canada\/","title":{"rendered":"Carte du Canada"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10463\" class=\"elementor elementor-10463 elementor-6719\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aeb9a29 e-flex e-con-boxed e-con e-parent\" data-id=\"aeb9a29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18fd289 elementor-widget elementor-widget-html\" data-id=\"18fd289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=&quot;canada-map&quot;><\/div>\n\n<style> \n\n.province { \n\ntransition: transform 0.3s ease; pointer-events: auto; } .province:hover { fill: #43ADA5; transform: translateY(-1px); } \n\n.tooltip { position: absolute; background-color: #fff; color: #333; border: 1px solid #ddd; padding: 8px 12px; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 10; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } \n\n\n<\/style>\n\n<script> document.addEventListener('DOMContentLoaded', function() { fetch('https:\/\/uniluxhvac.com\/wp-content\/uploads\/2024\/09\/Canada-Map-1.svg') .then(response => response.text()) .then(data => { const parser = new DOMParser(); const svgDoc = parser.parseFromString(data, 'image\/svg+xml'); const svgElement = svgDoc.documentElement; document.querySelector('.canada-map').appendChild(svgElement); \n\nconst provinces = svgElement.querySelectorAll('[data-name]'); \n\nconst targetProvinces = ['BRITISH COLUMBIA', 'ALBERTA', 'MANITOBA', 'ONTARIO', 'QUEBEC', 'NOVA SCOTIA', 'NEW BRUNSWICK']; \n\nprovinces.forEach(function(province) { const provinceName = province.getAttribute('data-name'); \n\nif (targetProvinces.includes(provinceName)) { province.classList.add('province'); \n\nconst tooltip = document.createElement('div'); tooltip.className = 'tooltip'; document.body.appendChild(tooltip); \n\nprovince.addEventListener('mouseover', function(event) { tooltip.innerHTML = ` <strong>${provinceName}<\/strong><br> Company: ${province.getAttribute('data-company')}<br> ${province.getAttribute('data-text')} \n\n`; tooltip.style.opacity = 1; tooltip.style.display = 'block'; }); \n\nprovince.addEventListener('mousemove', function(event) { tooltip.style.left = event.pageX + 10 + 'px'; tooltip.style.top = event.pageY + 10 + 'px'; }); \n\nprovince.addEventListener('mouseout', function() { tooltip.style.opacity = 0; tooltip.style.display = 'none'; }); \n\nprovince.addEventListener('click', function() { const url = province.getAttribute('data-url'); if (url) { window.open(url, '_blank'); } }); } }); }) .catch(error => console.error('Error fetching SVG:', error)); }); <\/script> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3092643 e-flex e-con-boxed e-con e-parent\" data-id=\"3092643\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e489fa5 elementor-widget elementor-widget-elementskit-lottie\" data-id=\"e489fa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div id=\"ekit_lottie_e489fa5\" class=\"ekit_lottie\" data-autoplay=\"true\" data-on-scroll=\"\" data-speed=\"1\" data-direction=\"\" data-action=\"\" data-renderer=\"svg\" data-path=\"\" data-loop=\"true\">&nbsp;<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","inline_featured_image":false,"footnotes":""},"class_list":["post-10463","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/pages\/10463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/comments?post=10463"}],"version-history":[{"count":1,"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/pages\/10463\/revisions"}],"predecessor-version":[{"id":10464,"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/pages\/10463\/revisions\/10464"}],"wp:attachment":[{"href":"https:\/\/uniluxhvac.com\/fr\/wp-json\/wp\/v2\/media?parent=10463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}