{"id":15,"date":"2025-01-17T11:58:21","date_gmt":"2025-01-17T11:58:21","guid":{"rendered":"http:\/\/vivanta-ceramic.local\/?page_id=15"},"modified":"2025-02-04T18:06:45","modified_gmt":"2025-02-04T12:36:45","slug":"tiles-calculator","status":"publish","type":"page","link":"https:\/\/vivantaceramic.com\/ro\/tiles-calculator\/","title":{"rendered":"Tiles Calculator"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f82560 e-con-full e-flex e-con e-parent\" data-id=\"0f82560\" data-element_type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e42ea55 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"e42ea55\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db938d2 e-flex e-con-boxed e-con e-parent\" data-id=\"db938d2\" data-element_type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd8e7cb ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"dd8e7cb\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html><head>\n    <!-- CSS only -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-iYQeCzEYFbKjA\/T2uDLTpkwGzCiq6soy8tYaI1GyVh\/UjpbCx\/TYkiZhlZB6+fzT\" crossorigin=\"anonymous\">\n    <style>\n      \n\n        label {\n            text-transform: uppercase;\n        }\n    <\/style>\n\n<\/head>\n\n<body>\n    <div id=\"homepage-1\">\n        <div class=\"ps-page--product\">\n            <div class=\"container-fluid\">\n                <div class=\"ps-product--detail ps-product--fullwidth\">\n                    <div class=\"ps-product__info\">\n                        <div class=\"card-body\">\n                            <div class=\"company-inquiry-card\">\n\n                            <\/div>\n                            <div class=\"row\">\n                                <div class=\"col-md-12\">\n                                    <form name=\"cFrm\" id=\"cFrm\" action=\"\">\n                                        <div class=\"ps-container\">\n                                            <div class=\"row\">\n                                                <div class=\"col-lg-4 col-lg-4 col-sm-12 col-12\">\n                                                    <div class=\"form-group\">\n                                                        <label>Length (Feet)<\/label>\n                                                        <input class=\"form-control rounded-0 mt-3\" name=\"SLength\" id=\"SLength\" min=\"1\" type=\"number\" placeholder=\"Enter Length In Feet * \" onselectstart=\"return false\" onpaste=\"return false;\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\">\n                                                        <p id=\"demo1\"><\/p>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"col-lg-4 col-md-4 col-sm-12 col-12\">\n                                                    <div class=\"form-group\">\n                                                        <label>Width (Feet)<\/label>\n                                                        <input class=\"form-control rounded-0 mt-3\" name=\"SWidth\" id=\"SWidth\" min=\"1\" type=\"number\" placeholder=\"Enter Width In Feet *\" onselectstart=\"return false\" onpaste=\"return false;\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\">\n                                                        <p id=\"demo2\"><\/p>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"col-lg-4 col-md-4 col-sm-12 col-12\">\n                                                    <div class=\"form-group\">\n                                                        <label for=\"sizes\">Size<\/label>\n                                                        <select class=\"form-control sizes rounded-0 mt-3\" name=\"sizes\" id=\"sizes\">\n                                                            <option value=\"\">Select Any One<\/option>\n                                                            <option value=\"300 x 450\" data-picperbox=\"6\">300 x 450 mm\n                                                            <\/option>\n                                                            <option value=\"250 x 400\" data-picperbox=\"9\">250 x 400 mm\n                                                            <\/option>\n                                                            <option value=\"300 x 600\" data-picperbox=\"5\">300 x 600 mm\n                                                            <\/option>\n                                                            <option value=\"600 x 600\" data-picperbox=\"4\">600 x 600 mm\n                                                            <\/option>\n                                                            <option value=\"600 x 1200\" data-picperbox=\"2\">600 x 1200 mm\n                                                            <\/option>\n                                                        <\/select>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"col-lg-12 col-md-12 col-sm-12 col-12\">\n                                                    <input type=\"submit\" style=\"background-color: #C52026; color: white;\" class=\"btn rounded-0 primary resq-cata mt-2 mb-3 py-2 p-4\" name=\"submit\" value=\"CALCULATE\" onselectstart=\"return false\" onpaste=\"return false;\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\">\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <input type=\"hidden\" name=\"trp-form-language\" value=\"ro\"\/><\/form>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ps-product--detail ps-product--fullwidth\" id=\"show\">\n                    <div class=\"ps-product__info\">\n                        <div class=\"card-body\">\n                            <div class=\"company-inquiry-card\">\n                            <\/div>\n                            <div class=\"row\">\n                                <div class=\"col-md-12\">\n                                    <div class=\"ps-container\">\n                                        <div class=\"row\">\n                                            <div class=\"col-lg-6 col-lg-6 col-sm-12 col-12\">\n                                                <div class=\"form-group mt-2\">\n                                                    <label>Total Sq. Meter<\/label>\n                                                    <input class=\"form-control rounded-0 mt-3\" maxlength=\"10\" name=\"ar_mtr\" id=\"ar_mtr\" readonly=\"\" size=\"6\" onselectstart=\"return false\" onpaste=\"return false;\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\">\n\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"col-lg-6 col-md-6 col-sm-12 col-12\">\n                                                <div class=\"form-group mt-2\">\n                                                    <label>Total Sq. Feet<\/label>\n                                                    <input class=\"form-control rounded-0 mt-3\" id=\"ar_feet\" maxlength=\"10\" name=\"ar_feet\" readonly=\"\" size=\"6\" onselectstart=\"return false\" onpaste=\"return false;\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\">\n\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"col-lg-6 col-md-6 col-sm-12 col-12\">\n                                                <div class=\"form-group mt-2\">\n                                                    <label>Required Tiles<\/label>\n                                                    <input class=\"form-control rounded-0 mt-3\" maxlength=\"10\" name=\"TotalTiles\" id=\"TotalTiles\" readonly=\"\" size=\"10\" onselectstart=\"return false\" onpaste=\"return false;\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"col-lg-6 col-md-6 col-sm-12 col-12\">\n                                                <div class=\"form-group mt-2\">\n                                                    <label>Required Boxes<\/label>\n                                                    <input class=\"form-control rounded-0 mt-3\" id=\"TotalBoxes\" maxlength=\"10\" name=\"TotalBoxes\" readonly=\"\" size=\"10\" onselectstart=\"return false\" onpaste=\"return false;\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\">\n                                                <\/div>\n                                            <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\" integrity=\"sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn\/+\/3e7Jo4EaG7TubfWGUrMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\n    <script>$(document).on('submit', 'form', function (e) {\n            e.preventDefault();\n            calculate();\n        })\n\n        function calculate() {\n\n            var SLength = document.getElementById(\"SLength\").value;\n            var SWidth = document.getElementById(\"SWidth\").value;\n\n            var custom_jp_feet = parseFloat(SLength) * parseFloat(SWidth);\n            var custom_jp_mtr = parseFloat((parseFloat(SLength) * parseFloat(SWidth)) \/ (3.28 * 3.28), 3);\n\n            document.getElementById(\"ar_feet\").value = custom_jp_feet.toFixed(2);\n            document.getElementById(\"ar_mtr\").value = custom_jp_mtr.toFixed(2);\n            var tileSize = document.getElementById(\"sizes\").value;\n            var tilesinbox;\n\n            tilesinbox = document.getElementById(\"sizes\").options[document.getElementById(\"sizes\").selectedIndex].dataset.picperbox;\n\n            if (tileSize.indexOf(\"mm\") > 0) tileSize = tileSize.substr(0, tileSize.indexOf(\"mm\"));\n            tileCoords = tileSize.split(\"x\");\n            sLength = SLength * 304.8;\n            sWidth = SWidth * 304.8;\n\n            var TileArea = (parseFloat(sLength) * parseFloat(sWidth));\n\n            xVal = tileCoords[0];\n            yVal = tileCoords[1];\n\n            var tileSize = (parseFloat(xVal) * parseFloat(yVal));\n            var TotalTilesRequired = TileArea \/ tileSize;\n            if ((TotalTilesRequired - Math.round(TotalTilesRequired)) > 0)\n                TotalTilesRequired = Math.round(TotalTilesRequired) + 1;\n            else\n                TotalTilesRequired = Math.round(TotalTilesRequired, 0);\n            document.getElementById(\"TotalTiles\").value = TotalTilesRequired;\n\n\n            var boxcount = parseFloat(TotalTilesRequired \/ tilesinbox);\n\n            if ((boxcount - Math.round(boxcount)) > 0)\n                boxcount = Math.round(boxcount) + 1;\n            else\n                boxcount = Math.round(boxcount, 0);\n            document.getElementById(\"TotalBoxes\").value = boxcount;\n            calculates();\n        }\n\n        function calculates() {\n            var area = document.getElementById(\"area\").value;\n            var totalArea = document.getElementById(\"totalArea\").value;\n            var sizes = document.getElementById(\"sizess\").value;\n\n            var tilesinbox = document.getElementById(\"sizes\").options[document.getElementById(\"sizes\").selectedIndex].dataset.picperbox;\n\n            if (area == 'sqft') {\n                var t_feet = totalArea;\n                var ar_mtr = t_feet * 0.092903; \/*  sq ft  to sq mt convert 1 sq ft = 0.092903 sq mt *\/\n            } else if (area == 'sqmt') {\n                var ar_mtr = totalArea;\n                var t_feet = ar_mtr * 10.7639; \/*  sq mt  to sq ft convert 1 sq mt = 10.7639 sq ft *\/\n\n            }\n\n            if (sizes.indexOf(\"mm\") > 0) sizes = sizes.substr(0, tileSize.indexOf(\"mm\"));\n            tileCoords = sizes.split(\"x\");\n\n            xVal = tileCoords[0];\n            yVal = tileCoords[1];\n\n            var onetilearea = (xVal \/ 1000) * (yVal \/ 1000)\n\n            var tot_tile = Math.round((ar_mtr \/ onetilearea), 0); \/\/ 0.36 is 1 tile coverd area for 600 x 600 mm\n            var tot_box = Math.round((tot_tile \/ tilesinbox), 0); \/\/where 4 is total pic. in one box\n            document.getElementById(\"ar_mtr\").value = ar_mtr;\n            document.getElementById(\"ar_feet\").value = t_feet;\n            document.getElementById(\"TotalTiles\").value = tot_tile;\n            document.getElementById(\"TotalBoxes\").value = tot_box;\n        }<\/script>\n\n\n\n<\/body><\/html>\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>","protected":false},"excerpt":{"rendered":"<p>Length (Feet) Width (Feet) Size Select Any One300 x 450 mm 250 x 400 mm 300 x 600 mm 600 x 600 mm 600 x 1200 mm Total Sq. Meter Total Sq. Feet Required Tiles Required Boxes<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":16,"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":948,"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/pages\/15\/revisions\/948"}],"wp:attachment":[{"href":"https:\/\/vivantaceramic.com\/ro\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}