\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Sarabun', sans-serif; \/* \u0e43\u0e0a\u0e49\u0e1f\u0e2d\u0e19\u0e15\u0e4c Sarabun *\/\r\n text-align: center;\r\n margin: 20px;\r\n }\r\n .tabs {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n }\r\n .tab {\r\n padding: 10px 20px;\r\n cursor: pointer;\r\n background-color: #ddd;\r\n margin: 0 5px;\r\n border-radius: 5px;\r\n font-weight: bold;\r\n font-family: sarabun;\r\n font-size: small;\r\n }\r\n \r\n h1, h2, h3, h4, h5, h6, nav, .nav, .menu, button, .button, .btn, .price, ._heading, .wp-block-pullquote blockquote, blockquote, label, legend {\r\n font-family: 'Sarabun';\r\n }\r\n\r\n .tab.active {\r\n background-color: #a9d0ff;\r\n color: #6c6c6c;\r\n font-family: sarabun;\r\n font-size: small;\r\n }\r\n .content {\r\n display: none;\r\n }\r\n .content.active {\r\n display: block;\r\n }\r\n .grade {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n }\r\n .menu-wrapper {\r\n position: relative;\r\n display: inline-block;\r\n margin-right: 5px;\r\n padding-top: 10px;\r\n }\r\n .btn {\r\n padding: 10px 15px;\r\n background-color: #a3d1b8;\r\n color: #212225;\r\n border: 2px solid transparent;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n min-width: 120px;\r\n text-align: center;\r\n transition: background-color 0.3s, transform 0.2s;\r\n box-sizing: border-box;\r\n }\r\n .btn:hover {\r\n background-color: #EEE4E1;\r\n transform: scale(1.05);\r\n }\r\n .submenu {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: white;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n padding: 5px;\r\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n z-index: 10;\r\n min-width: 120px;\r\n margin-top: -5px;\r\n }\r\n .submenu button {\r\n display: block;\r\n width: 100%;\r\n background-color: #FFF5ED;\r\n color: #595454;\r\n border: none;\r\n padding: 8px;\r\n margin: 2px 0;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n font-family: 'Sarabun', sans-serif;\r\n }\r\n .submenu button:hover {\r\n background-color: #FEE5E0;\r\n }\r\n .pdf-container {\r\n margin-top: 20px;\r\n display: none;\r\n }\r\niframe {\r\n width: 100%;\r\n height: 800px;\r\n border: 1px solid #9c9c9c;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n border-radius: 8px;\r\n background-color: #ffffff;\r\n}\r\n\r\n\/* \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n@media screen and (max-width: 768px) {\r\n iframe {\r\n height: 500px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e02\u0e2d\u0e07 iframe \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n border-radius: 4px; \/* \u0e25\u0e14\u0e21\u0e38\u0e21\u0e42\u0e04\u0e49\u0e07\u0e25\u0e07 *\/\r\n }\r\n}\r\n #pdf-title {\r\n font-size: 18px;\r\n font-weight: bold;\r\n text-align: right;\r\n margin-top: 10px;\r\n color: #6a6a6a;\r\n background-color: #FFFFFF;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"tabs\">\r\n <div class=\"tab active\" onclick=\"showTab('normal', event)\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e1b\u0e01\u0e15\u0e34<\/div>\r\n <div class=\"tab\" onclick=\"showTab('english', event)\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29<\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"normal\" class=\"content active\">\r\n <h3>\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e1b\u0e01\u0e15\u0e34<\/h3>\r\n <div class=\"grade\" id=\"normal-grades\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"english\" class=\"content\">\r\n <h3>\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29<\/h3>\r\n <div class=\"grade\" id=\"english-grades\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"pdf-viewer\" class=\"pdf-container\">\r\n <h3 id=\"pdf-title\">\ud83d\udcc4 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e41\u0e2a\u0e14\u0e07: <\/h3>\r\n <iframe id=\"pdf-frame\"><\/iframe>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Close all submenus when clicking outside\r\n document.addEventListener('click', function(event) {\r\n const menuWrappers = document.querySelectorAll('.menu-wrapper');\r\n menuWrappers.forEach(wrapper => {\r\n const submenu = wrapper.querySelector('.submenu');\r\n const btn = wrapper.querySelector('.btn');\r\n \r\n if (submenu && !wrapper.contains(event.target)) {\r\n submenu.style.display = 'none';\r\n }\r\n });\r\n });\r\n\r\n function showTab(tabName, event) {\r\n document.querySelectorAll('.content').forEach(content => content.classList.remove('active'));\r\n document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('active'));\r\n \r\n document.getElementById(tabName).classList.add('active');\r\n event.target.classList.add('active');\r\n \r\n document.getElementById('pdf-viewer').style.display = 'none';\r\n \r\n \/\/ Close all submenus when switching tabs\r\n document.querySelectorAll('.submenu').forEach(submenu => {\r\n submenu.style.display = 'none';\r\n });\r\n }\r\n\r\n function showPDF(pdfURL, menuTitle) {\r\n const pdfFrame = document.getElementById('pdf-frame');\r\n document.getElementById('pdf-title').textContent = `\ud83d\udcc4 : ${menuTitle}`;\r\n \r\n if (pdfURL.includes(\"drive.google.com\")) {\r\n pdfFrame.src = pdfURL.replace(\"\/view\", \"\/preview\");\r\n } else {\r\n pdfFrame.src = pdfURL;\r\n }\r\n document.getElementById('pdf-viewer').style.display = 'block';\r\n }\r\n\r\n function generateButtons(elementId, levels, hasSubMenu = true) {\r\n const container = document.getElementById(elementId);\r\n levels.forEach(level => {\r\n const btnWrapper = document.createElement('div');\r\n btnWrapper.classList.add('menu-wrapper');\r\n\r\n const btn = document.createElement('button');\r\n btn.classList.add('btn');\r\n btn.textContent = ` ${level.label}`;\r\n\r\n if (hasSubMenu) {\r\n const submenu = document.createElement('div');\r\n submenu.classList.add('submenu');\r\n\r\n level.submenu.forEach(sub => {\r\n const subBtn = document.createElement('button');\r\n subBtn.textContent = sub.label;\r\n subBtn.onclick = () => {\r\n showPDF(sub.url, `\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 ${level.label} - ${sub.label}`);\r\n \/\/ Close submenu after selection\r\n submenu.style.display = 'none';\r\n };\r\n submenu.appendChild(subBtn);\r\n });\r\n\r\n btn.onclick = (event) => {\r\n event.stopPropagation(); \/\/ Prevent document click event\r\n const isVisible = submenu.style.display === \"block\";\r\n \r\n \/\/ Close all other open submenus\r\n document.querySelectorAll('.submenu').forEach(menu => {\r\n if (menu !== submenu) {\r\n menu.style.display = \"none\";\r\n }\r\n });\r\n \r\n \/\/ Toggle current submenu\r\n submenu.style.display = isVisible ? \"none\" : \"block\";\r\n };\r\n\r\n btnWrapper.appendChild(btn);\r\n btnWrapper.appendChild(submenu);\r\n } else {\r\n btn.onclick = () => {\r\n showPDF(level.url, `\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 ${level.label}`);\r\n };\r\n btnWrapper.appendChild(btn);\r\n }\r\n\r\n container.appendChild(btnWrapper);\r\n });\r\n }\r\n\r\n const normalLevels = [\r\n { label: '\u0e2d.1', submenu: [\r\n\t\t\t{ label: '\u0e2d.1\/1', url: 'https:\/\/drive.google.com\/file\/d\/10KcRMX_XnlhH82MgWMVA8u2X8W-DUKS1\/view?usp=sharing' },\r\n { label: '\u0e2d.1\/2', url: 'https:\/\/drive.google.com\/file\/d\/1TormmIgJu6Wdw-azpS1Cz2FH2prSiz0P\/view?usp=sharing' },]},\r\n { label: '\u0e2d.2', submenu: [\r\n\t\t\t{ label: '\u0e2d.2\/1', url: 'https:\/\/drive.google.com\/file\/d\/1HNaVhhSKH9tDSn_Cxpd6FU1J-C2owOKw\/view?usp=sharing' },]},\r\n { label: '\u0e2d.3', submenu: [\r\n\t\t\t{ label: '\u0e2d.3\/1', url: 'https:\/\/drive.google.com\/file\/d\/1mWHrvVEdoNFHdAGdSMejajnwC4g3WuzG\/view?usp=sharing' },]},\r\n ];\r\n\r\n const englishLevels = [\r\n { label: 'K.1', submenu: [\r\n\t\t\t{ label: 'K.1\/1', url: 'https:\/\/drive.google.com\/file\/d\/1Ja51BfuZiQYexp7Hzl4xDyKsgGu6fq-_\/view?usp=sharing' },\r\n { label: 'K.1\/2', url: 'https:\/\/drive.google.com\/file\/d\/15rD7GCqoQ1BhxroeNQ46NrW8qUZdut8L\/view?usp=sharing' },]},\r\n { label: 'K.2', submenu: [\r\n\t\t\t{ label: 'K.2\/1', url: 'https:\/\/drive.google.com\/file\/d\/13M_MbV-y2AAs1WmvWZXwPYkcbGfgFadp\/view?usp=sharing' },\r\n { label: 'K.2\/2', url: 'https:\/\/drive.google.com\/file\/d\/1HPb7y09FBEjX2AG2E0gX5HX2eqm3k3gb\/view?usp=sharing' },\r\n { label: 'K.2\/3', url: 'https:\/\/drive.google.com\/file\/d\/1dMVOlaSouHIA5X6qp4PFxIfb3eP7H37s\/view?usp=sharing' },]},\r\n { label: 'K.3', submenu: [\r\n\t\t\t{ label: 'K.3\/1', url: 'https:\/\/drive.google.com\/file\/d\/1FW2B5Bl-eF9SNRQrPB52PCKvV1PgBiGg\/view?usp=sharing' },\r\n { label: 'K.3\/2', url: 'https:\/\/drive.google.com\/file\/d\/1nrOn4JZ29_QUqdf05rEHwtfUN3Dc33YD\/view?usp=sharing' },\r\n { label: 'K.3\/3', url: 'https:\/\/drive.google.com\/file\/d\/1bUEtU7VMSgC4xT3mN2SoSxwqXA_kMCl_\/view?usp=sharing' },]},\r\n ];\r\n generateButtons('normal-grades', normalLevels);\r\n generateButtons('english-grades', englishLevels);\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#fff5df;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-base-2-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-radius:16px;padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30)\">\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-base-2-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-radius:16px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e24\u0e14\u0e39\u0e23\u0e49\u0e2d\u0e19<\/h2>\n\n\n\n<p class=\"has-text-align-center\">\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 20 \u0e40\u0e21\u0e29\u0e32\u0e22\u0e19 – 14 \u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21 2569<\/p>\n\n\n\n<p class=\"has-text-align-center\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 02-1300248 , 02-1300249 \u0e15\u0e48\u0e2d 101<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e24\u0e14\u0e39\u0e23\u0e49\u0e2d\u0e19 \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e21\u0e04\u0e33\u0e41\u0e2b\u0e07 \u0e27\u0e34\u0e17\u0e22 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2545"}],"collection":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2545"}],"version-history":[{"count":7,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2545\/revisions"}],"predecessor-version":[{"id":2554,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2545\/revisions\/2554"}],"wp:attachment":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}