{"id":37172,"date":"2025-04-07T10:18:29","date_gmt":"2025-04-07T17:18:29","guid":{"rendered":"https:\/\/www.anyload.com\/?page_id=37172"},"modified":"2025-04-07T15:10:16","modified_gmt":"2025-04-07T22:10:16","slug":"weight-conversion","status":"publish","type":"page","link":"https:\/\/www.anyload.com\/fr\/weight-conversion\/","title":{"rendered":"Conversion du poids"},"content":{"rendered":"<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Outil de conversion du poids<\/title>\n    <style>\n#elex-rqst-float-minicart-icon {\n    display: none;\n}\n        * {\n            box-sizing: border-box;\n            font-family: Arial, sans-serif;\n        }\n\n        body {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            margin: 0;\n            background-color: #f0f2f5;\n        }\n\n        .container {\n            background-color: white;\n            padding: 1.5rem;\n            border-radius: 10px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n            width: 95%;\n            max-width: 800px;\n            margin: 1rem;\n        }\n\n        h1 {\n            text-align: center;\n            color: #333;\n            margin-bottom: 1.5rem;\n            font-size: 1.5rem;\n        }\n\n        .grid-container {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0.75rem;\n        }\n\n\n.input-group {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 0.75rem;\n    background-color: #fff;\n    padding: 1rem;\n    border-radius: 8px;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); \/* drop shadow *\/\n    min-height: 130px; \/* force consistent height *\/\n    justify-content: space-between; \/* space label and input *\/\n}\n\n        .input-group label {\n            color: #666;\n            margin-bottom: 0.5rem;\n            font-size: 0.9rem;\n        }\n\n        .input-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n.input-group label {\n    font-size: 0.85rem;\n    font-weight: bold;\n    color: #666;\n    margin-bottom: 0.4rem;\n}\n\n.input-group input {\n    padding: 0.6rem;\n    font-size: 0.85rem;\n}\n\n\n\n        .unit {\n            color: #666;\n            white-space: nowrap;\n            font-size: 0.9rem;\n        }\n\n        .reset-button {\n            text-align: center;\n            margin-top: 1.5rem;\n        }\n\n        .reset-button button {\n            background-color: #dc3545;\n            color: white;\n            border: none;\n            padding: 0.7rem 1.5rem;\n            border-radius: 5px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            transition: background-color 0.3s;\n            width: 100%;\n            max-width: 200px;\n        }\n\n        @media (max-width: 768px) {\n            .grid-container {\n                grid-template-columns: 1fr;\n            }\n            \n            .container {\n                padding: 1rem;\n            }\n            \n            .input-group {\n                margin-bottom: 0.5rem;\n            }\n            \n            .input-group input {\n                padding: 0.6rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .input-wrapper {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .unit {\n                margin-left: 0;\n                padding-left: 0.5rem;\n            }\n            \n            .reset-button button {\n                max-width: none;\n            }\n        }\n\n        .disclaimer-note {\n            text-align: center;\n            color: #666;\n            font-size: 0.8rem;\n            margin-top: 1.5rem;\n            padding: 0.5rem;\n            border-top: 1px solid #eee;\n            line-height: 1.4;\n        }\n\n\n\n\n\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"grid-container\">\n            <!-- Imperial\/US Units -->\n            <div class=\"input-group\">\n                <label>Livres (lb)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"lb\" placeholder=\"Saisir la valeur\">\n                    \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Poids de cent (cwt)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"cwt\" placeholder=\"Saisir la valeur\">\n                  \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Tonne longue (l.ton)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"lton\" placeholder=\"Saisir la valeur\">\n                 \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Tonne courte (s.ton)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"ston\" placeholder=\"Saisir la valeur\">\n                    \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Trimestre (qtr)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"qtr\" placeholder=\"Saisir la valeur\">\n                    \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Pierre (st)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"st\" placeholder=\"Saisir la valeur\">\n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label><strong>Once (oz)<\/strong><\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"oz\" placeholder=\"Saisir la valeur\">\n                    \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Drams (dr)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"dr\" placeholder=\"Saisir la valeur\">\n                  \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Grain (gr)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"gr\" placeholder=\"Saisir la valeur\">\n                   \n                <\/div>\n            <\/div>\n\n            <!-- Metric Units -->\n            <div class=\"input-group\">\n                <label>Tonne m\u00e9trique (t)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"tonne\" placeholder=\"Saisir la valeur\">\n                  \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Kilogramme (kg)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"kg\" placeholder=\"Saisir la valeur\">\n                    \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Gramme (g)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"g\" placeholder=\"Saisir la valeur\">\n                    \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Milligramme (mg)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"mg\" placeholder=\"Saisir la valeur\">\n                   \n                <\/div>\n            <\/div>\n\n            <!-- Troy Units -->\n            <div class=\"input-group\">\n                <label>Once de Troie (ozt)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"ozt\" placeholder=\"Saisir la valeur\">\n                  \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Pennyweight (dwt)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"dwt\" placeholder=\"Saisir la valeur\">\n                   \n                <\/div>\n            <\/div>\n\n            <!-- Other Units -->\n            <div class=\"input-group\">\n                <label>Carat (ct)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"ct\" placeholder=\"Saisir la valeur\">\n                    \n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>Momme (momme)<\/label>\n                <div class=\"input-wrapper\">\n                    <input type=\"number\" data-unit=\"momme\" placeholder=\"Saisir la valeur\">\n                  \n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"reset-button\">\n            <button onclick=\"resetAllInputs()\">R\u00e9initialiser tout<\/button>\n        <\/div>\n        <div class=\"disclaimer-note\">\n            Note : Les poids convertis sont arrondis et peuvent varier. Le nombre de divisions configur\u00e9 dans votre application peut produire des r\u00e9sultats diff\u00e9rents.\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Conversion factors relative to grams\n        const units = {\n            \/\/ Imperial\/US\n            lb: 453.59237,\n            cwt: 45359.237,       \/\/ short hundredweight (100 lb)\n            lton: 1016046.9088,   \/\/ long ton (2240 lb)\n            ston: 907184.74,      \/\/ short ton (2000 lb)\n            qtr: 12700.58636,     \/\/ quarter (28 lb)\n            st: 6350.29318,       \/\/ stone (14 lb)\n            oz: 28.349523125,\n            dr: 1.7718451953125,  \/\/ dram (1\/16 oz)\n            gr: 0.06479891,       \/\/ grain\n            \n            \/\/ Metric\n            tonne: 1000000,\n            kg: 1000,\n            g: 1,\n            mg: 0.001,\n            \n            \/\/ Troy\n            ozt: 31.1034768,      \/\/ troy ounce\n            dwt: 1.55517384,      \/\/ pennyweight (1\/20 troy ounce)\n            \n            \/\/ Others\n            ct: 0.2,              \/\/ carat\n            momme: 3.75           \/\/ momme (3.75 g)\n        };\n\n        const inputs = document.querySelectorAll('input[data-unit]');\n\n        function convert(updatedInput) {\n            const sourceUnit = updatedInput.dataset.unit;\n            const sourceValue = parseFloat(updatedInput.value);\n            \n            if (!isNaN(sourceValue)) {\n                const grams = sourceValue * units[sourceUnit];\n                inputs.forEach(input => {\n                    if (input !== updatedInput) {\n                        const targetUnit = input.dataset.unit;\n                        input.value = (grams \/ units[targetUnit]).toFixed(6);\n                    }\n                });\n            } else {\n                inputs.forEach(input => {\n                    if (input !== updatedInput) input.value = '';\n                });\n            }\n        }\n\n        function resetAllInputs() {\n            inputs.forEach(input => {\n                input.value = '0';\n            });\n            convert(inputs[0]);\n        }\n\n        inputs.forEach(input => {\n            input.addEventListener('input', (e) => convert(e.target));\n        });\n    <\/script>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>Weight Conversion Tool Pounds (lb) Hundredweight (cwt) Long Ton (l.ton) Short Ton (s.ton) Quarter (qtr) Stone (st) Ounce (oz) Drams [&hellip;]<\/p>","protected":false},"author":2627,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-37172","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.anyload.com\/fr\/wp-json\/wp\/v2\/pages\/37172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anyload.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.anyload.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.anyload.com\/fr\/wp-json\/wp\/v2\/users\/2627"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anyload.com\/fr\/wp-json\/wp\/v2\/comments?post=37172"}],"version-history":[{"count":0,"href":"https:\/\/www.anyload.com\/fr\/wp-json\/wp\/v2\/pages\/37172\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.anyload.com\/fr\/wp-json\/wp\/v2\/media?parent=37172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}