{"id":5545,"date":"2025-01-23T14:50:42","date_gmt":"2025-01-23T13:50:42","guid":{"rendered":"https:\/\/www.laboitedejeu.fr\/?page_id=5545"},"modified":"2025-11-03T13:40:54","modified_gmt":"2025-11-03T12:40:54","slug":"malhya-rangement","status":"publish","type":"page","link":"https:\/\/laboitedejeu.fr\/en\/malhya-rangement\/","title":{"rendered":"Malhya &#8211; Storage"},"content":{"rendered":"<style>\n    .menuItem {\n        display: inline-block;\n        margin: 10px;\n        padding: 20px;\n        border: 1px solid #BBB;\n        border-radius: 5%;\n        cursor: pointer;\n    }\n    .composant {\n        position: absolute;\n        top: 0;\n        object-fit: contain;\n    }\n<\/style>\n<div id=\"wrapper\" style=\"position:relative; width:'100%'; height:'100%'\">\n<div id=\"trayWrapper\" style=\"position: relative\">\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/TRAY.png\" id =\"tray\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0000_1.png\" id=\"composant1\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0001_2.png\" id=\"composant2\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0002_3.png\" id=\"composant3\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0003_4.png\" id=\"composant4\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0004_5.png\" id=\"composant5\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0005_6.png\" id=\"composant6\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0006_7.png\" id=\"composant7\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0007_8.png\" id=\"composant8\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0008_9.png\" id=\"composant9\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0009_10.png\" id=\"composant10\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0010_11.png\" id=\"composant11\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0011_12.png\" id=\"composant12\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0012_13.png\" id=\"composant13\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0013_14.png\" id=\"composant14\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0014_15.png\" id=\"composant15\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0015_16.png\" id=\"composant16\" class=\"composant\"><br \/>\n        <img src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/composant_0016_17.png\" id=\"composant17\" class=\"composant\">\n    <\/div>\n<div id=\"menu\" style=\"position: relative; overflow: auto; margin-top: 20px\">\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb01.png\" onclick=\"highlightComponent('composant1')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb02.png\" onclick=\"highlightComponent('composant2')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb03.png\" onclick=\"highlightComponent('composant3')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb04.png\" onclick=\"highlightComponent('composant4')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb05.png\" onclick=\"highlightComponent('composant5')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb06.png\" onclick=\"highlightComponent('composant6')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb07.png\" onclick=\"highlightComponent('composant7')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb08.png\" onclick=\"highlightComponent('composant8')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb09.png\" onclick=\"highlightComponent('composant9')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb10.png\" onclick=\"highlightComponent('composant10')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb11.png\" onclick=\"highlightComponent('composant11')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb12.png\" onclick=\"highlightComponent('composant12')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb13.png\" onclick=\"highlightComponent('composant13')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb14.png\" onclick=\"highlightComponent('composant14')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb15.png\" onclick=\"highlightComponent('composant15')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb16.png\" onclick=\"highlightComponent('composant16')\"><br \/>\n        <img class=\"menuItem\" src=\"https:\/\/www.laboitedejeu.fr\/wp-content\/uploads\/2025\/01\/thumb17.png\" onclick=\"highlightComponent('composant17')\">\n    <\/div>\n<\/div>\n<p><script>\n    function resize() {\n        let height = window.innerHeight;\n        document.getElementById(\"trayWrapper\").style.height = height * 0.4 + \"px\";\n        document.getElementById(\"menu\").style.height = height * 0.6 + \"px\";\n        let trayWrapperItems = document.getElementById(\"trayWrapper\").children;\n        for (let i = trayWrapperItems.length - 1; i >= 0; i--) {\n            if (trayWrapperItems[i].tagName == \"BR\") {\n                trayWrapperItems[i].parentElement.removeChild(trayWrapperItems[i]);\n            } else {\n                trayWrapperItems[i].style.position = \"absolute\";\n                trayWrapperItems[i].style.height = \"100%\";\n                console.debug(\"Coucou \" + document.getElementById(\"trayWrapper\").offsetWidth + \" \" + trayWrapperItems[i].offsetWidth);\n                trayWrapperItems[i].style.left = ((document.getElementById(\"trayWrapper\").offsetWidth - trayWrapperItems[i].offsetWidth) \/ 2) + \"px\";\n            }\n        }\n        let menuItems = document.getElementById(\"menu\").children;\n        for (let i = menuItems.length - 1; i >= 0; i--) {\n            if (menuItems[i].tagName == \"BR\") {\n                menuItems[i].parentElement.removeChild(menuItems[i]);\n            } else {\n                menuItems[i].style.height = height * 0.15 + \"px\";\n            }\n        }\n    }\n    function highlightComponent(id) {\n        const components = document.querySelectorAll('.composant');\n        components.forEach(component => {\n            if (component.id === id || component.id == \"tray\") {\n                component.style.opacity = 1;\n            } else {\n                component.style.opacity = 0.33;\n            }\n        });\n    }\n    setInterval(resize, 500);\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/pages\/5545"}],"collection":[{"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/comments?post=5545"}],"version-history":[{"count":120,"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/pages\/5545\/revisions"}],"predecessor-version":[{"id":6226,"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/pages\/5545\/revisions\/6226"}],"wp:attachment":[{"href":"https:\/\/laboitedejeu.fr\/en\/wp-json\/wp\/v2\/media?parent=5545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}