{"id":4340,"date":"2022-01-20T21:17:01","date_gmt":"2022-01-20T14:17:01","guid":{"rendered":"https:\/\/ww2.edu.nu.ac.th\/?page_id=4340"},"modified":"2022-01-20T21:21:30","modified_gmt":"2022-01-20T14:21:30","slug":"contact-me","status":"publish","type":"page","link":"https:\/\/ww2.edu.nu.ac.th\/?page_id=4340&lang=en","title":{"rendered":"Contact Me"},"content":{"rendered":"<section class=\"kc-elm kc-css-626673 kc_row\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-496793 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-353383 divider_line\">\n\t<div class=\"divider_inner divider_line2\">\n\t\t<i class=\"et-envelope\"><\/i>\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-899091 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-907288 kc_col-sm-2 kc_column_inner kc_col-sm-2\"><div class=\"kc_wrapper kc-col-inner-container\"><\/div><\/div><div class=\"kc-elm kc-css-160668 kc_col-sm-9 kc_column_inner kc_col-sm-9\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"widget wpdevart_forms kc-elm kc-css-865256\"><h2 class=\"widget-title\"><\/h2>\t\r\n\t\r\n\t\t\t\t\t\t<form  name= \"wpdevart_frontend_form_3\" id='wpdevart-forms-3' class=\"wpdevart-forms default-skin forms-general-styling\" method='post'  action='' enctype='multipart\/form-data'>\r\n\t\r\n\t\t\t\t\t\t                                            <!--bfh-number -->\r\n                                            <div class=\"wpdevart-input-field \">\r\n                                                 \r\n                                                        <label>Sender\u2019s name<\/label>\r\n                                                        \r\n                                                <div class=\"input-text input-field-inner\">\r\n                                                    \r\n                                                    <input  type=\"text\"  \r\n                                                            id =\"input-field-15\"\r\n                                                            name=\"label_15\"   required                                                            value=\"\" class=\"form-control  \" \r\n                                                            placeholder=\"Name - Lastname\" \r\n                                                             \r\n                                                           \/>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\t\t\t\t\t\t\t\t\t\t                                            <!--bfh-number -->\r\n                                            <div class=\"wpdevart-input-field \">\r\n                                                 \r\n                                                        <label>e-Mail<\/label>\r\n                                                        \r\n                                                <div class=\"input-email input-field-inner\">\r\n                                                    \r\n                                                    <input  type=\"email\"  \r\n                                                            id =\"input-field-16\"\r\n                                                            name=\"label_16\"   required                                                            value=\"\" class=\"form-control  \" \r\n                                                            placeholder=\"Email\" \r\n                                                             \r\n                                                           \/>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wpdevart-textarea\">\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t<label>Message <\/label> \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t<textarea name=\"label_17\" placeholder=\"Message\"><\/textarea> \r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t  <div class=\"wpdevart-input-field field-captcha\" style=\"margin-bottom:20px;\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label>2  + 9 = ? <\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"input-text input-field-inner\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\"  name=\"submitedRecaptchaValue[]\" placeholder=\"\" required \/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"recaptchaSumValue[]\" value=\"11\" \/>\r\n                                                    <input type=\"hidden\" name=\"isCaptchaRequired[]\" value=\"1\" \/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t  \t\r\n   \r\n                   \r\n\t\t\t\t\t   \t\t\t\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"3\" \/>  \r\n\t\t\t\t\t\t<!--<input type=\"submit\" value='Send message' id=\"btn_send_form_email_3\" name=\"btn_send_form_email\" \/>-->\r\n\t\t\t\t\t\t<button type=\"submit\" name=\"btn_send_form_email\" id=\"btn_send_form_email_3\" >Send message<\/button>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t  <span id=\"loader-icon-3\" style=\"display:none;\" class=\"form-loader\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/ww2.edu.nu.ac.th\/wp-content\/plugins\/contact-forms-builder\/\/assets\/images\/loader.gif\" \/>\r\n\t\t\t\t\t  <\/span>\r\n\t\r\n\t\t\t\t   <\/form>\r\n\t\r\n\t\t\t\t\t\t<div id=\"frontend_form_messages_3\" style=\"margin-top:10px; margin-bottom:10px;\"><\/div>\r\n\t\r\n\t\t\t\t   <script>\r\n\t\r\n\t\t\t\t\t\/\/ Document\r\n\t\t\t\t\tjQuery( document ).ready(function() {\r\n\t\t\t\t\t\t\/\/\tDon't submit form on enter, allow enter button only for texts\r\n\t\t\t\t\t\tjQuery(document).on(\"keypress\", \":input:not(textarea)\", function(event) {\r\n\t\t\t\t\t\t\treturn event.keyCode != 13;\r\n\t\t\t\t\t\t});\r\n\t\r\n\t\t\t\t\t\t\/\/ Do not use previous password saved in browser for password field\r\n\t\t\t\t\t\tjQuery(\"input[type='password']\").attr(\"autocomplete\", \"new-password\");\r\n\t\r\n\t\t\t\t\t\t\/\/handle form submission\r\n\t\t\t\t\t\t\/\/jQuery(\"form[name='wpdevart_frontend_form_3']\").submit(function(e){\r\n\t\t\t\t\t\tjQuery(document).on(\"submit\", \"form[name='wpdevart_frontend_form_3']\", function(e) {\r\n\t\t\t\t\t\t\t\/\/shortcode attributes e.g\r\n\t\t\t\t\t\t\tvar atts = {\"id\":\"3\"};\r\n\t\t\t\t\t\t\tvar options = { \r\n\t\t\t\t\t\t\t\t\/\/target:'#frontend_form_messages_3',   \/\/ target element(s) to be updated with server response \r\n\t\t\t\t\t\t\t\t\/\/ other available options: \r\n\t\t\t\t\t\t\t\t url:\"https:\/\/ww2.edu.nu.ac.th\/wp-admin\/admin-ajax.php\",        \/\/ override for form's 'action' attribute \r\n\t\t\t\t\t\t\t\t\/\/url:\"https:\/\/ww2.edu.nu.ac.th\/wp-content\/plugins\/contact-forms-builder\/check-ajax.php\",\r\n\t\t\t\t\t\t\t\tdata:{'btn_send_form_email':'1','process_ajax':'1','atts':JSON.stringify(atts),'action':'get_post_information'},\r\n\t\t\t\t\t\t\t\t\/\/type:      type        \/\/ 'get' or 'post', override for form's 'method' attribute \r\n\t\t\t\t\t\t\t\t\/\/dataType:  null        \/\/ 'xml', 'script', or 'json' (expected server response type) \r\n\t\t\t\t\t\t\t\t\/\/clearForm: true ,       \/\/ clear all form fields after successful submit \r\n\t\t\t\t\t\t\t\t\/\/resetForm: true  ,      \/\/ reset the form after successful submit \r\n\t\r\n\t\t\t\t\t\t\t\t\/\/ $.ajax options can be used here too, for example: \r\n\t\t\t\t\t\t\t\t\/\/timeout:   3000 \r\n\t\r\n\t\t\t\t\t\t\t\tbeforeSubmit: function() {\r\n\t\t\t\t\t\t\t\t\tjQuery(\"#loader-icon-3\").show();\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tsuccess:showResponse, \/\/ post-submit callback \r\n\t\t\t\t\t\t\t }; \r\n\t\r\n\t\t\t\t\t\t\t\/\/ inside event callbacks 'this' is the DOM element so we first \r\n\t\t\t\t\t\t\t\/\/ wrap it in a jQuery object and then invoke ajaxSubmit \r\n\t\t\t\t\t\t\tjQuery(this).ajaxSubmit(options); \r\n\t\r\n\t\t\t\t\t\t\t\/\/ !!! Important !!! \r\n\t\t\t\t\t\t\t\/\/ always return false to prevent standard browser submit and page navigation \r\n\t\t\t\t\t\t\treturn false; \r\n\t\t\t\t\t\t}); \r\n\t\r\n\t\r\n\t\t\t\t\t\tfunction showResponse(responseText, statusText, xhr, $form) {\r\n\t\t\t\t\t\t\tstr = responseText;\r\n\t\t\t\t\t\t\t\/\/replace first occurence \r\n\t\t\t\t\t\t\tstr = str.replace(\"successmsg_\", \" \"); \r\n\t\t\t\t\t\t\t\/\/ append response\r\n\t\r\n\t\t\t\t\t\t\tjQuery(\"#frontend_form_messages_3\").text(\" \");\r\n\t\t\t\t\t\t\tjQuery(\"#frontend_form_messages_3\").append(str);\r\n\t\t\t\t\t\t\tsetTimeout(function(){ \r\n\t\t\t\t\t\t\t\t\/\/jQuery(\"#frontend_form_messages_3 .success_message3\").fadeout(); \r\n\t\t\t\t\t\t\t\tjQuery(\"#frontend_form_messages_3 .success_message\").fadeOut();\r\n\t\t\t\t\t\t\t}, 5000);\r\n\t\r\n\t\t\t\t\t\t\t\/\/\tresponseText  , updates the div in target specified in options\r\n\t\t\t\t\t\t\tjQuery(\"#loader-icon-3\").hide();\r\n\t\r\n\t\t\t\t\t\t\tvar matched = responseText.search('successmsg_');\r\n\t\t\t\t\t\t\tif(matched != -1) {\r\n\t\r\n\t\t\t\t\t\t\t\tvar formId = \"3\";\r\n\t\t\t\t\t\t\t\t\r\n\t\r\n\t\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\t\t\t jQuery('#wpdevart-forms-3')[0].reset(); \r\n\t\t\t\t\t\t\t\t\t\t jQuery(\"#wpdevart-forms-\"+formId).each(function() {\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t },100);\r\n\t\t\t\t\t\t\t }\r\n\t\r\n\t\t\t\t\t\treturn false;\r\n\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tfunction showRequest() {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\t\r\n\t\t\t\t\t\tjQuery(document).on(\"click\",\"[type=reset].ws-reset-form\",function(e){\r\n\t\t\t\t\t\t\tformId= jQuery(this).attr('data-attr');\r\n\t\t\t\t\t\t\t\/\/reset\r\n\t\t\t\t\t\t\tjQuery(\"#wpdevart-forms-\"+formId).each(function(){\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tjQuery(\"#wpdevart-forms-\"+formId)[0].reset();\r\n\t\t\t\t\t\t\t\t});\r\n\t\r\n\t\t\t\t\t\t\treturn false;\r\n\t\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\r\n\t\t\t\t\t<\/script>\r\n\t\t\t\t<\/div><\/div><\/div><div class=\"kc-elm kc-css-543860 kc_col-sm-1 kc_column_inner kc_col-sm-1\"><div class=\"kc_wrapper kc-col-inner-container\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_4340\" class=\"pvc_stats all  \" data-element-id=\"4340\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/ww2.edu.nu.ac.th\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_4340\" class=\"pvc_stats all  \" data-element-id=\"4340\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/ww2.edu.nu.ac.th\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":4278,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-4340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4340"}],"collection":[{"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4340"}],"version-history":[{"count":0,"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4340\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4278"}],"wp:attachment":[{"href":"https:\/\/ww2.edu.nu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}