{"id":2535,"date":"2022-03-29T11:59:20","date_gmt":"2022-03-29T04:59:20","guid":{"rendered":"http:\/\/sesaopn.go.th\/WEB\/?page_id=2535"},"modified":"2025-05-20T10:03:58","modified_gmt":"2025-05-20T03:03:58","slug":"%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99","status":"publish","type":"page","link":"https:\/\/sesaopn.go.th\/WEB\/%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99\/","title":{"rendered":"<center>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1e\u0e21.\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/center>"},"content":{"rendered":"\n<!DOCTYPE html>\n<html>\n<head>\n    <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.4.1\/css\/bootstrap.min.css\">\n    <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.4.1\/js\/bootstrap.min.js\"><\/script>\n\n<style>\n*{\n    padding: 0;\n    margin: 0;\n}\n.main {\n    font-family: 'Sarabun';\n    width: 100%;\n    margin-left: auto;\n    margin-right:auto ;\n    padding-top: 20px;    \n    height: 100%;  \n}\n.header{\n    align-items: center;\n}\n.header h3{\n    text-align: center;\n    \/*background-color:red;*\/\n}\n.body{\n    text-align: center;\n}\n.body img{\n    width: 40px;\n    height: 40px;\n}\n.box{\n    height: 170px;\n    text-align: center;\n}\n.box h2{\n    padding: 60px;\n}\n.box h2:hover {\n    -ms-transform: scale(1.2); \/* IE 9 *\/\n    -webkit-transform: scale(1.2); \/* Safari 3-8 *\/\n    transform: scale(1.2); \n  }\n.box2{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \/*background-color: green;*\/\n\n}\n.box2 h4{\n    padding-left: 10px;\n    padding-right: 10px;\n    padding-bottom: 0px;\n}\n\nbutton{\n    margin-top: 10px;\n    width: 80px;\n    height: 30px;\n    color: #ffffff;\n}\ntable {\n    font-family: arial, sans-serif;\n    border-collapse: collapse;\n    width: 100%;\n    }\n\ntd,\nth {\n    border: 1px solid #dddddd;\n    text-align: left;\n    padding: 8px;\n}\n\n<\/style>\n<\/head>\n<body onload=\"onstart()\">\n    <div class=\"main\">\n        <div class= \"body\">\n            <div class=box2>\n\n                    <label>\n                        <h4>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/h4>\n                    <\/label>\n                    <select id=\"year\" >\n                        <option value=\"68\" onclick=\"2568\">\u0e1e.\u0e28. 2568<\/option>\n                        <option value=\"67\" onclick=\"2567\">\u0e1e.\u0e28. 2567<\/option>\n                        <option value=\"66\" onclick=\"2566\">\u0e1e.\u0e28. 2566<\/option>\n                        <option value=\"65\" onclick=\"2565\">\u0e1e.\u0e28. 2565<\/option>\n                        <option value=\"64\" onclick=\"2564\">\u0e1e.\u0e28. 2564<\/option>\n                        <option value=\"63\" onclick=\"2563\">\u0e1e.\u0e28. 2563 \u0e23\u0e2d\u0e1a 3<\/option>\n                        <option value=\"632\" onclick=\"2563\">\u0e1e.\u0e28. 2563 \u0e23\u0e2d\u0e1a 1 \u0e23\u0e2d\u0e1a 2<\/option>\n                        \n                    <\/select>\n            <\/div>\n            \n            <script>\n\n                function showdata(){\n\n                var value1 = document.getElementById(\"year\");\n                var val1 = value1.value;\n                var text1 = value1.options[value1.selectedIndex].text;\n\n                if(val1==632){\n                    var link = String(\"https:\/\/portal.bopp-obec.info\/obec\"+val1+\"\/publicstat\/report?areaCode=00101715&schoolCode=\");\n                }\n                else{\n                    var link = String(\"https:\/\/portal.bopp-obec.info\/obec\"+val1+\"\/publicstat\/report?areaCode=00940001&schoolCode=\");\n                }\n\n\n                var iframe = document.getElementById(\"showframe\");\n                iframe.src = String(link);\n                \n                                    \/\/ Update the display link\n                    var displayLink = document.getElementById(\"displayLink\");\n                    displayLink.href = link;\n                    displayLink.textContent = link;\n                    displayLink.style.display = \"block\";\n\n            }\n                function onstart(){\n                    const d = new Date();\n                    let year = d.getFullYear();\n                    let month = d.getMonth();\n                    if(month<4){\n                        var valueyear = document.getElementById(\"showframe\").innerHTML = (year+542)%2500;\n                    }\n                    else{\n                        var valueyear = document.getElementById(\"showframe\").innerHTML = (year+543)%2500;\n                    }\n                        var link = String(\"https:\/\/portal.bopp-obec.info\/obec\"+valueyear+\"\/publicstat\/report?areaCode=00940001&#038;schoolCode=\");\n                        var iframe = document.getElementById(\"showframe\");\n                        iframe.src = String(link);\n                        \n                        \n                        var displayLink = document.getElementById(\"displayLink\");\n                    displayLink.href = link;\n                    displayLink.textContent = link;\n                    displayLink.style.display = \"block\";\n                        \n                        \n                        \n                }\n            <\/script>\n                <button type=\"button\" onclick=\"showdata();\" >\u0e15\u0e01\u0e25\u0e07<\/button>\n                <br><br>\n                <a id=\"displayLink\" href=\"#\" target=\"_blank\" style=\"display: none; text-align: center; font-size: 18px;\" rel=\"noopener\"><\/a>\n<br><br>\n                <center><iframe id=\"showframe\" src=\"\" style=\" align-item:center; text-align: center;justify-content: center  ; width:95%;height:1200px;border: 2px solid rgb(25, 0, 255)\"><\/iframe><\/center>\n\n        <\/div>\n\n    <\/div>\n    <br>\n\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1e.\u0e28.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"class_list":["post-2535","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/pages\/2535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/comments?post=2535"}],"version-history":[{"count":13,"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/pages\/2535\/revisions"}],"predecessor-version":[{"id":19565,"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/pages\/2535\/revisions\/19565"}],"wp:attachment":[{"href":"https:\/\/sesaopn.go.th\/WEB\/wp-json\/wp\/v2\/media?parent=2535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}