{"id":1994,"date":"2025-03-24T10:05:14","date_gmt":"2025-03-24T10:05:14","guid":{"rendered":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2568\/?page_id=1994"},"modified":"2026-03-25T03:00:42","modified_gmt":"2026-03-25T03:00:42","slug":"1994-2","status":"publish","type":"page","link":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/?page_id=1994","title":{"rendered":"\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1b\u0e23\u0e30\u0e16\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32 Summer \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#fefefe;padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50)\">\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e24\u0e14\u0e39\u0e23\u0e49\u0e2d\u0e19<\/h4>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">\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\u0e32\u0e40\u0e02\u0e15\u0e1a\u0e32\u0e07\u0e19\u0e32<\/h4>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e1b\u0e23\u0e30\u0e16\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 1-6  \u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h4>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\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    <!-- Tabs for Project Selection -->\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    <!-- Content for Normal Program -->\r\n    <div id=\"normal\" class=\"content active\">\r\n        <h3>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e1b\u0e01\u0e15\u0e34 \u0e1b.1- \u0e1b.6<\/h3>\r\n        <div class=\"grade\" id=\"normal-grades\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Content for English Program -->\r\n    <div id=\"english\" class=\"content\">\r\n        <h3>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29 P.1 - P.6<\/h3>\r\n        <div class=\"grade\" id=\"english-grades\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- PDF Display Area -->\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 && level.submenu) {\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: '\u0e1b.1', submenu: [\r\n\t\t\t{ label: '\u0e1b.1\/1', url: 'https:\/\/drive.google.com\/file\/d\/1MB0G1VFSTxOXy3PH_trWji2EffaXyIq-\/view?usp=sharing,' },\r\n            { label: '\u0e1b.1\/2', url: 'https:\/\/drive.google.com\/file\/d\/1tc0Xbz2VmwnclO1PYYzUKNQ9AGoOiy2n\/view?usp=sharing,' },\r\n            { label: '\u0e1b.1\/3', url: 'https:\/\/drive.google.com\/file\/d\/1Xe2jQ4lG0-0Vnr76ReiFxKC3yjg9pKyE\/view?usp=sharing,' }]},\r\n            { label: '\u0e1b.2', submenu: [\r\n\t\t\t{ label: '\u0e1b.2\/1', url: 'https:\/\/drive.google.com\/file\/d\/1Z0D43adjPtCQ63VV9svvREKxPAMM5CcI\/view?usp=sharing,' },\r\n            { label: '\u0e1b.2\/2', url: 'https:\/\/drive.google.com\/file\/d\/1113YQv6NLE8KqbJX9OLWLwrgWqLI2LNG\/view?usp=sharing,' },\r\n            { label: '\u0e1b.2\/3', url: 'https:\/\/drive.google.com\/file\/d\/1KI1pd7wBuf1kYfPgj2kUjvE8CFJxtyJr\/view?usp=sharing,' }]},\r\n             { label: '\u0e1b.3', submenu: [\r\n\t\t\t { label: '\u0e1b.3\/1', url: 'https:\/\/drive.google.com\/file\/d\/1Z3ET4AvqGrjbNgIHHzfYTbLpofJCH3bD\/view?usp=sharing,' },\r\n            { label: '\u0e1b.3\/2', url: 'https:\/\/drive.google.com\/file\/d\/115bg4ApuRw51hF7kPXj__b245BGUP-ax\/view?usp=sharing,' },\r\n            { label: '\u0e1b.3\/3', url: 'https:\/\/drive.google.com\/file\/d\/1nxqrwu7LomjpMbpwvPQU-iAoTly32Sn7\/view?usp=sharing,' }]},\r\n            { label: '\u0e1b.4', submenu: [\r\n\t\t\t{ label: '\u0e1b.4\/1', url: 'https:\/\/drive.google.com\/file\/d\/1b0kGx_kotYYxjoz73Uxj13NExhlkakoC\/view?usp=sharing,' },\r\n            { label: '\u0e1b.4\/2', url: 'https:\/\/drive.google.com\/file\/d\/1sFt9yukdQzhuih8sl1N-ZNwOZr0wIAgn\/view?usp=sharing,' },]},\r\n\t\t\t {label: '\u0e1b.5-6', submenu: [\r\n\t\t\t{ label: '\u0e1b.5-6', url: 'https:\/\/drive.google.com\/file\/d\/1ufwyA3RQrnKs9xFRUh10uwtVTXIxe7aR\/view?usp=sharing' },]},\r\n        ];\r\n\r\n        const englishLevels = [\r\n            { label: 'P.1', submenu: [\r\n                { label: 'P.1\/1', url: 'https:\/\/drive.google.com\/file\/d\/1tz5h9WPEsWHgJmVjlv7UKDSp6RC6uwex\/view?usp=sharing' },\r\n                { label: 'P.1\/2', url: 'https:\/\/drive.google.com\/file\/d\/1s6tgJHzd2M5kQNgs2MpoVbsflH-WvNkT\/view?usp=sharing' },\r\n                { label: 'P.1\/3', url: 'https:\/\/drive.google.com\/file\/d\/19bk26f718NLxIiKFe39PCBbyY_Kwl_ZF\/view?usp=sharing' }\r\n            ]},\r\n            { label: 'Group 1', url: 'https:\/\/drive.google.com\/file\/d\/1kBHn_p-s7lAf36ls9RBCjANxdVFP6F81\/view?usp=sharing' },\r\n            { label: 'Group 2', url: 'https:\/\/drive.google.com\/file\/d\/1B9A5SXGLmBvCqfUfZZK7e-hnTNdVe1fA\/view?usp=sharing' },\r\n            { label: 'Group 3', url: 'https:\/\/drive.google.com\/file\/d\/1VohKbUzFTFlEqertMFf_bhjmR-NZrbnN\/view?usp=sharing' },\r\n            { label: 'Group 4', url: 'https:\/\/drive.google.com\/file\/d\/16PYKmxYgqaSDwT1fVpe1mj7rmvdBpRa-\/view?usp=sharing' },\r\n            { label: 'Group 5', url: 'https:\/\/drive.google.com\/file\/d\/1hq2WOobTIANqCI4_w8VXJ_8jbWQir1CD\/view?usp=sharing' },\r\n            { label: 'Group 6', url: 'https:\/\/drive.google.com\/file\/d\/1CjNDg9qSJEzEPrFuaMlnJhxs_bOBFbji\/view?usp=sharing' }\r\n        ];\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:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/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:#fdf8e3;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);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: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 &#8211; 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\n\n\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"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\/1994"}],"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=1994"}],"version-history":[{"count":34,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/1994\/revisions"}],"predecessor-version":[{"id":2535,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/1994\/revisions\/2535"}],"wp:attachment":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}