{"id":5144,"date":"2024-03-13T19:15:56","date_gmt":"2024-03-13T10:15:56","guid":{"rendered":"https:\/\/sae-h.com\/ngc\/?page_id=5144"},"modified":"2024-03-23T18:24:58","modified_gmt":"2024-03-23T09:24:58","slug":"contact-3-confirmation","status":"publish","type":"page","link":"https:\/\/sae-h.com\/ngc\/contact\/contact-03\/contact-3-confirmation\/","title":{"rendered":"\u6280\u8853\u60c5\u5831\u7b49\u306e\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<h4 class=\"wp-block-heading is-style-vk-heading-solid_bottomborder_black has-vk-color-primary-color has-text-color has-link-color wp-elements-5bb691da5f61adbbbe6fbe9aca9d076d\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vk-color-primary-color\"><strong>\u25a0<\/strong><\/mark> \u6280\u8853\u60c5\u5831\u7b49\u306e\u304a\u554f\u3044\u5408\u308f\u305b<\/h4>\n\n\n\n<p>\u8a18\u8f09\u3044\u305f\u3060\u3044\u305f\u5185\u5bb9\u3092\u3054\u78ba\u8a8d\u306e\u4e0a\u300c\u9001\u4fe1\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br>\u4fee\u6b63\u3055\u308c\u308b\u5834\u5408\u306f\u300c\u623b\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n<style type=\"text\/css\" >\n    .required-last{\n        margin-bottom: auto;\n    }\n    .required{\n        width: 50px;\n        text-align: center;\n        color: white;\n        background-color: red;\n        justify-content: center;\n        align-items: center;\n    }\n    .optional{\n        width: 50px;\n        text-align: center;\n        color: white;\n        background-color: blue;\n        justify-content: center;\n        align-items: center; \n    }\n    .mr-10{\n        margin-right: 10px;\n    }\n    .ml-10{\n        margin-left: 10px;\n    }\n    label{\n        color:#00a171;\n        font-weight: bolder;\n    }\n<\/style>\n<div class=\"container\">\n<form class=\"row g-3 m-2\" method=\"post\" action=\"..\/..\/..\/mailer\/send-form-3.php\">\n        <!-- input --><\/p>\n<div class=\"col-12 col-md-2 p-0 m-0 d-flex align-items-center mt-3\">\n            <label for=\"name\" class=\"form-label\">\u304a\u540d\u524d<\/label><br \/>\n            <span class=\"d-block d-md-none required ml-10\">\u5fc5\u9808<\/span>\n        <\/div>\n<div class=\"col-12 col-md-10 p-0 m-0 d-flex align-items-center mt-3\">\n        <span class=\"d-md-block d-none required mr-10\">\u5fc5\u9808<\/span><\/p>\n<p class=\"form-control m-0\">\n            <span id=\"name-text\"><\/span><br \/>\n            <input class=\"form-control m-0 d-none\" type=\"text\" name=\"name\" id=\"name\" value=\"\">\n            <\/p>\n<\/p><\/div>\n<p>        <!-- input --><\/p>\n<div class=\"col-12 col-md-2 p-0 m-0 d-flex align-items-center mt-3\">\n            <label for=\"slug\" class=\"form-label\">\u3075\u308a\u304c\u306a<\/label><br \/>\n            <span class=\"d-block d-md-none required ml-10\">\u5fc5\u9808<\/span>\n        <\/div>\n<div class=\"col-12 col-md-10 p-0 m-0 d-flex align-items-center mt-3\">\n        <span class=\"d-md-block d-none required mr-10\">\u5fc5\u9808<\/span><\/p>\n<p  class=\"form-control m-0\">\n            <span id=\"slug-text\"><\/span><br \/>\n            <input class=\"d-none\" type=\"text\" name=\"slug\" id=\"slug\" value=\"\">\n            <\/p>\n<\/p><\/div>\n<p>        <!-- input --><\/p>\n<div class=\"col-12 col-md-2 p-0 m-0 d-flex align-items-center mt-3\">\n            <label for=\"school\" class=\"form-label\">\u4f1a\u793e\u540d\/\u5b66\u6821\u540d<\/label><br \/>\n            <span class=\"d-block d-md-none required ml-10\">\u5fc5\u9808<\/span>\n        <\/div>\n<div class=\"col-12 col-md-10 p-0 m-0 d-flex align-items-center mt-3\">\n            <span class=\"d-md-block d-none required mr-10\">\u5fc5\u9808<\/span><\/p>\n<p  class=\"form-control m-0\">\n            <span id=\"school-text\"><\/span><br \/>\n            <input class=\"d-none\" type=\"text\" name=\"school\" id=\"school\" value=\"\">\n            <\/p>\n<\/p><\/div>\n<p>        <!-- input --><\/p>\n<div class=\"col-12 col-md-2 p-0 m-0 d-flex align-items-center mt-3\">\n            <label for=\"email\" class=\"form-label\">Email<\/label><br \/>\n            <span class=\"d-block d-md-none required ml-10\">\u5fc5\u9808<\/span>\n        <\/div>\n<div class=\"col-12 col-md-10 p-0 m-0 d-flex align-items-center mt-3\">\n            <span class=\"d-md-block d-none required mr-10\">\u5fc5\u9808<\/span><\/p>\n<p  class=\"form-control m-0\">\n            <span id=\"email-text\"><\/span><br \/>\n            <input class=\"d-none\" type=\"text\" name=\"email\" id=\"email\" value=\"\">\n            <\/p>\n<\/p><\/div>\n<p>        <!-- input --><\/p>\n<div class=\"col-12 col-md-2 p-0 m-0 d-flex align-items-center mt-3\">\n            <label for=\"phone\" class=\"form-label\">\u96fb\u8a71\u756a\u53f7<\/label><br \/>\n            <span class=\"d-block d-md-none optional ml-10\">\u4efb\u610f<\/span>\n        <\/div>\n<div class=\"col-12 col-md-10 p-0 m-0 d-flex align-items-center mt-3\">\n            <span class=\"d-md-block d-none optional mr-10\">\u4efb\u610f<\/span><\/p>\n<p  class=\"form-control m-0\">\n            <span id=\"phone-text\"><\/span><br \/>\n            <input class=\"d-none\" type=\"text\" name=\"phone\" id=\"phone\" value=\"\">\n            <\/p>\n<\/p><\/div>\n<p>        <!-- input --><\/p>\n<p>        <!-- input --><\/p>\n<div class=\"col-12 col-md-2 p-0 m-0 d-flex align-items-top mt-3\">\n            <label for=\"message\" class=\"form-label\">\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9<\/label><br \/>\n            <span class=\"d-block d-md-none required ml-10\">\u5fc5\u9808<\/span>\n        <\/div>\n<div class=\"col-12 col-md-10 p-0 m-0 d-flex align-items-center mt-3\">\n            <span class=\"d-md-block d-none required mr-10 required-last\">\u5fc5\u9808<\/span><\/p>\n<p  class=\"form-control m-0\" type=\"text\" id=\"message-text\">\n<p>            <input class=\"d-none\" type=\"text\" name=\"message\" id=\"message\" value=\"\">\n        <\/div>\n<p>        <!-- input --><\/p>\n<div class=\"col-12 col-md-2 p-0 m-0 d-flex align-items-top mt-3\">\n        <\/div>\n<div class=\"col-12 col-md-10 p-0 m-0 d-flex align-items-top mt-3\">\n            <span class=\"d-md-block d-none required mr-10 opcacity-0\" style=\"opacity:0;\">\u5fc5\u9808<\/span><br \/>\n            <!-- <span class=\"d-md-block d-none required mr-10\" style=\"opacity:0;\">\u5fc5\u9808<\/span> --><br \/>\n            <a href=\"https:\/\/sae-h.com\/ngc\/contact\/contact-01\/#contact-3\" type=\"button\" class=\"btn btn-primary px-4 fw-bolder \">\u623b\u308b<\/a>\u3000<br \/>\n            <button type=\"submit\" class=\"btn btn-primary px-4 fw-bolder ms-3\">\u9001\u4fe1<\/button>\n        <\/div>\n<\/p><\/form>\n<\/div>\n\n\n\n<script type=\"text\/javascript\">\r\n    \/\/ Function to retrieve form data from local storage\r\n    function retrieveFormData() {\r\n        \/\/ Retrieve form data from local storage\r\n        var formData = localStorage.getItem('formData');\r\n\r\n        \/\/ Parse the retrieved data\r\n        if (formData) {\r\n            formData = JSON.parse(formData);\r\n            \/\/ Populate form fields with retrieved data\r\n            document.getElementById('name').value = formData.name ;\r\n            document.getElementById('name-text').innerText = formData.name ;\r\n            document.getElementById('slug').value = formData.slug ;\r\n            document.getElementById('slug-text').innerText = formData.slug ;\r\n            document.getElementById('school').value = formData.school ;\r\n            document.getElementById('school-text').innerText = formData.school ;\r\n            document.getElementById('email').value = formData.email ;\r\n            document.getElementById('email-text').innerText = formData.email ;\r\n            document.getElementById('phone').value = formData.phone;\r\n            document.getElementById('phone-text').innerText = formData.phone;\r\n            document.getElementById('message').value = formData.message ;\r\n            document.getElementById('message-text').innerText = formData.message ;\r\n        \/\/ Clear local storage\r\n        localStorage.removeItem('formData');\r\n        }\r\n    }\r\n\r\n    \/\/ Call the function to retrieve form data when the page loads\r\n    window.addEventListener('load', retrieveFormData);\r\n<\/script>\n<div class=\"pdfprnt-buttons pdfprnt-buttons-page pdfprnt-bottom-right\"><a href=\"javascript: imageToPdf()\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_self\"><img decoding=\"async\" src=\"https:\/\/sae-h.com\/ngc\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"PDF\u3092\u898b\u308b\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">PDF\u3067\u95b2\u89a7<\/span><\/a><a href=\"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/pages\/5144?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><\/a><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":2315,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","vkexunit_cta_each_option":""},"_links":{"self":[{"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/pages\/5144"}],"collection":[{"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/comments?post=5144"}],"version-history":[{"count":12,"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/pages\/5144\/revisions"}],"predecessor-version":[{"id":6950,"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/pages\/5144\/revisions\/6950"}],"up":[{"embeddable":true,"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/pages\/2315"}],"wp:attachment":[{"href":"https:\/\/sae-h.com\/ngc\/wp-json\/wp\/v2\/media?parent=5144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}