{"id":4740,"date":"2025-11-19T18:27:33","date_gmt":"2025-11-19T17:27:33","guid":{"rendered":"https:\/\/www.vigiclim.exelys.io\/?page_id=4740"},"modified":"2026-04-01T15:26:43","modified_gmt":"2026-04-01T13:26:43","slug":"previsions-par-localite","status":"publish","type":"page","link":"https:\/\/www.vigiclim.exelys.io\/index.php\/previsions-par-localite\/","title":{"rendered":"Pr\u00e9visions par localit\u00e9"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:103% !important;max-width:103% !important;margin-left: calc(-3% \/ 2 );margin-right: calc(-3% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:15%;--awb-spacing-right-large:9.7%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:9.7%;--awb-width-medium:15%;--awb-order-medium:0;--awb-spacing-right-medium:9.7%;--awb-spacing-left-medium:9.7%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.455%;--awb-spacing-left-small:1.455%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:60%;--awb-spacing-right-large:2.425%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.425%;--awb-width-medium:60%;--awb-order-medium:0;--awb-spacing-right-medium:2.425%;--awb-spacing-left-medium:2.425%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.455%;--awb-spacing-left-small:1.455%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div\n  style=\"width: 100%; max-width: 1400px; margin: 0 auto; border-radius: 12px; overflow: hidden; background: transparent;\">\n  <iframe id=\"sodexam-widget-iframe\"\n    style=\"width: 100%; min-height: 500px; border: none; overflow: hidden; display: block; transition: height 0.3s ease-out;\"\n    scrolling=\"no\" srcdoc='\n<html class=\"ion-palette-dark\">\n<head>\n    <script>\n        window.WIDGET_ASSETS_BASE_URL = \"\/wp-content\/uploads\/widgets\/ivory-coast\/\";\n    <\/script>\n    <link rel=\"stylesheet\" href=\"\/wp-content\/uploads\/widgets\/ivory-coast\/styles.css\">\n    <style>\n        html, body {\n          margin: 0; padding: 0; \n          width: 100%; height: auto !important; \n          background: transparent;\n          overflow: hidden !important; \n        }\n        \n        #widget-container {\n          width: 100%; \n          height: max-content !important; \n          display: flow-root; \n        }\n\n        ivory-coast-forecast .vueTabCol ion-img {\n            max-height: 40px !important;\n            width: auto !important;\n        }\n        ivory-coast-forecast .windArrow {\n            max-height: 30px !important;\n        }\n        @media (min-width: 992px) {\n            ivory-coast-forecast .forecastTableRowContent {\n                padding-top: 5px !important;\n                padding-bottom: 5px !important;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div id=\"widget-container\">\n        <ivory-coast-forecast\n              id=\"my-widget\" \n              id-poi=\"0\" \n              lang=\"fr\" \n              assets-base-url=\"\/wp-content\/uploads\/widgets\/ivory-coast\/\"\n              warning-page-url=\"\/index.php\/vigilances-poc\/\"\n              style=\"display: block !important;\">\n        <\/ivory-coast-forecast>\n    <\/div>\n\n    <script>\n      try {\n          const urlParams = new URLSearchParams(window.parent.location.search);\n          const idPoiFromUrl = urlParams.get(\"idPoi\");\n          if (idPoiFromUrl) {\n              document.getElementById(\"my-widget\").setAttribute(\"id-poi\", idPoiFromUrl);\n          }\n      } catch (e) {}\n\n      let lastHeight = 0;\n      const container = document.getElementById(\"widget-container\");\n\n      const sendHeight = () => {\n          if (!container) return;\n          const currentHeight = container.offsetHeight;\n\n          if (Math.abs(currentHeight - lastHeight) > 3 && currentHeight > 100) {\n              lastHeight = currentHeight;\n              window.parent.postMessage({\n                  type: \"resize-sodexam-iframe\",\n                  height: currentHeight\n              }, \"*\");\n          }\n      };\n\n      const observer = new ResizeObserver(sendHeight);\n      observer.observe(container);\n\n      setTimeout(sendHeight, 500);\n\n      window.addEventListener(\"wheel\", function(event) {\n        const horizontalContainer = event.target.closest(\".scroll[scrollX=true]\");\n        const isScrollingHorizontally = !!event.shiftKey;\n        console.log(isScrollingHorizontally)\n\n        if (horizontalContainer && isScrollingHorizontally) {\n          return;\n        }\n\n        window.parent.postMessage({\n          type: \"scroll-parent\",\n          deltaY: event.deltaY\n        }, \"*\");\n      }, { passive: true });\n    <\/script>\n    <script src=\"\/wp-content\/uploads\/widgets\/ivory-coast\/ivory-coast-widgets.js\" defer><\/script>\n    <\/body>\n\n    <\/html>'>\n  <\/iframe>\n<\/div>\n\n<script>\n\n  let targetScrollY = window.scrollY;\n  let currentScrollY = window.scrollY;\n  let isScrolling = false;\n  const smoothingFactor = 0.08;\n\n  function smoothScroll() {\n    const distance = targetScrollY - currentScrollY;\n\n    if (Math.abs(distance) < 0.5) {\n      isScrolling = false;\n      return;\n    }\n\n    currentScrollY += distance * smoothingFactor;\n\n    window.scrollTo(0, currentScrollY);\n\n    requestAnimationFrame(smoothScroll);\n  }\n\n  window.addEventListener(\"message\", function (event) {\n    if (!event.data) return;\n\n    if (event.data.type === \"resize-sodexam-iframe\") {\n      const iframe = document.getElementById(\"sodexam-widget-iframe\");\n      if (iframe) {\n        iframe.style.height = event.data.height + \"px\";\n      }\n    }\n\n    if (event.data.type === \"scroll-parent\") {\n      targetScrollY += event.data.deltaY;\n\n      const maxScroll = document.documentElement.scrollHeight - window.innerHeight;\n      targetScrollY = Math.max(0, Math.min(targetScrollY, maxScroll));\n\n      if (!isScrolling) {\n        isScrolling = true;\n        currentScrollY = window.scrollY;\n        requestAnimationFrame(smoothScroll);\n      }\n    }\n  });\n\n  window.addEventListener('scroll', () => {\n    if (!isScrolling) {\n      targetScrollY = window.scrollY;\n      currentScrollY = window.scrollY;\n    }\n  });\n\n<\/script><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:25%;--awb-spacing-right-large:5.82%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.82%;--awb-width-medium:25%;--awb-order-medium:0;--awb-spacing-right-medium:5.82%;--awb-spacing-left-medium:5.82%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.455%;--awb-spacing-left-small:1.455%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><iframe height=\"400\" srcdoc='<html class=\"ion-palette-dark\">\n\n    <head>\n        <script>\n            window.WIDGET_ASSETS_BASE_URL = \"\/wp-content\/uploads\/widgets\/ivory-coast\/\";\n        <\/script>\n\n        <link rel=\"stylesheet\" href=\"\/wp-content\/uploads\/widgets\/ivory-coast\/styles.css\">\n        <style>\n#my-widget#background-content {\n    background-color:#fff!important;\n    background: #fff!important;\n  }\t\t\t\n #my-widget {\n.forecasts-wrapper {\n    height: auto !important;\n  }\n\n.forecast-col {\n    background: rgba(var(--welcome-forecast-col-medium-rgb), 1)!important;\n  }\n}\n\t\t\t\n            .container {\n                max-width: 900px;\n                margin: 30px auto;\n                \/*background: white;*\/\n                padding: 20px;\n                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n            }\n        <\/style>\n    <\/head>\n\n    <body>\n        <div class=\"container\">\n            <app-search-widget id=\"my-widget\" lang=\"fr\"\n                assets-base-url=\"\/wp-content\/uploads\/widgets\/ivory-coast\/\"\n                forecast-page-url=\"\/index.php\/previsions-par-localite-poc\/\"\n                style=\"display:block;height:836px\">\n            <\/app-search-widget>\n        <\/div>\n        <script src=\"\/wp-content\/uploads\/widgets\/ivory-coast\/ivory-coast-widgets.js\"><\/script>\n    <\/body>\n\n    <\/html>\n    ''>\n<\/iframe><\/div><\/div><\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4740","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages\/4740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/comments?post=4740"}],"version-history":[{"count":9,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages\/4740\/revisions"}],"predecessor-version":[{"id":4922,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages\/4740\/revisions\/4922"}],"wp:attachment":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/media?parent=4740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}