Open main menu
หน้าแรก
เมนูหลัก
ข้อมูล อบต.
ข้อมูลการดำเนินงาน
แผนพัฒนา
ข้อบัญญัติ
ศูนย์พัฒนาเด็กเล็ก
รายงาน
กิจการสภา
งานการเจ้าหน้าที่
ประกาศจัดซื้อจัดจ้าง
แผนการปฏิบัติการป้องกันการทุจริต
แผนการใช้จ่ายงบประมาณประจำปี
การเสริมสร้างวัฒนธรรมองค์กร
มาตรการภายในเพื่อส่งเสริม ความโปร่งใสและป้องกัน การทุจริต
การให้บริการ
แนะนำผลงานดีเด่นของหน่วยงาน
กฏหมายที่เกี่ยวข้อง
กฎหมายหลัก
กฎหมายองค์การบริหารส่วนตำบล
กฎหมายเทศบาล
กฎหมายการเลือกตั้ง
บุคลากร
คณะผู้บริหาร
สมาชิกสภา อบต.
ข้อมูลผู้บริหาร
สำนักปลัด
กองคลัง
กองช่าง
กองการศึกษา ศาสนา และวัฒนธรรม
ข่าว / กิจกรรม
ข่าวประชาสัมพันธ์
ข่าวจัดซื้อจัดจ้าง
ข่าวรับสมัครงานโอน/ย้าย
สรุปผลการจัดซื้อจัดจ้าง
ประกาศ อบต.
จดหมายข่าว
การรับรู้เกี่ยวกับนโยบายสำคัญของรัฐบาล
ภาพกิจกรรม
แหล่งท่องเที่ยว
ผลิตภัณฑ์ตำบล
มัลติมีเดีย
ติดต่อหน่วยงาน
หน้าแรก
เมนูหลัก
บุคลากร
คณะผู้บริหาร
สมาชิกสภา อบต.
ข้อมูลผู้บริหาร
สำนักปลัด
กองคลัง
กองช่าง
กองการศึกษา ศาสนา และวัฒนธรรม
ข่าว / กิจกรรม
ข่าวประชาสัมพันธ์
ข่าวจัดซื้อจัดจ้าง
ข่าวรับสมัครงานโอน/ย้าย
สรุปผลการจัดซื้อจัดจ้าง
ประกาศ อบต.
จดหมายข่าว
การรับรู้เกี่ยวกับนโยบายสำคัญของรัฐบาล
ภาพกิจกรรม
แหล่งท่องเที่ยว
ผลิตภัณฑ์ตำบล
มัลติมีเดีย
ติดต่อหน่วยงาน
ข้อมูล อบต.
ข้อมูลการดำเนินงาน
แผนพัฒนา
ข้อบัญญัติ
ศูนย์พัฒนาเด็กเล็ก
รายงาน
กิจการสภา
งานการเจ้าหน้าที่
ประกาศจัดซื้อจัดจ้าง
แผนการปฏิบัติการป้องกันการทุจริต
แผนการใช้จ่ายงบประมาณประจำปี
การเสริมสร้างวัฒนธรรมองค์กร
มาตรการภายในเพื่อส่งเสริม ความโปร่งใสและป้องกัน การทุจริต
การให้บริการ
แนะนำผลงานดีเด่นของหน่วยงาน
กฏหมายที่เกี่ยวข้อง
กฎหมายหลัก
กฎหมายองค์การบริหารส่วนตำบล
กฎหมายเทศบาล
กฎหมายการเลือกตั้ง
E-Service
ย้อนกลับ
E-Service
8 พฤษภาคม 2566
191
</div> </div> <div class="my-5 p-5 border border-gray-200 shadow"> <div class="text-[24px]" style="color:#007a2b;"> <img src="/storage/logo/169094625130.png" class="mr-2 inline" width="40" alt=""> แบบยื่นคำขอลงทะเบียนรับเงินเบี้ยยังชีพผู้สูงอายุ </div> <div class="text-gray-500 mt-2"> 30 พฤศจิกายน 542 </div> <p class="text-gray-600"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#cccccc" class="w-4 h-4 inline"> <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /> <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" /> </svg> 191 </p> <hr class="mt-3"> <div class="mt-5"> <p> คลิกที่นี่ <a href="https://docs.google.com/forms/d/e/1FAIpQLSefJBflb4-qdQuFdIraM09w75CvOE4adj1OA_aUp7BKw5QBVw/viewform">แบบยื่นคำขอลงทะเบียนรับเงินเบี้ยยังชีพผู้สูงอายุ</a></p> </div> <div class="text-lg mt-5 mb-3"> เอกสารแนบ </div> <ul class="list-none"> <li class="py-3 shadow-sub" style="border-bottom: 1px solid #cccccc;"> <a class="px-5 flex justify-between items-center" href="/storage/uploads/40-แบบยื่นคำขอลงทะเบียนรับเงินเบี้ยยังชีพผู้สูงอายุ.pdf" target="_blank"> <div class="flex"> <svg height="48px" width="48px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 309.267 309.267" xml:space="preserve" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> <g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E2574C;" d="M38.658,0h164.23l87.049,86.711v203.227c0,10.679-8.659,19.329-19.329,19.329H38.658 c-10.67,0-19.329-8.65-19.329-19.329V19.329C19.329,8.65,27.989,0,38.658,0z"></path> <path style="fill:#B53629;" d="M289.658,86.981h-67.372c-10.67,0-19.329-8.659-19.329-19.329V0.193L289.658,86.981z"></path> <path style="fill:#FFFFFF;" d="M217.434,146.544c3.238,0,4.823-2.822,4.823-5.557c0-2.832-1.653-5.567-4.823-5.567h-18.44 c-3.605,0-5.615,2.986-5.615,6.282v45.317c0,4.04,2.3,6.282,5.412,6.282c3.093,0,5.403-2.242,5.403-6.282v-12.438h11.153 c3.46,0,5.19-2.832,5.19-5.644c0-2.754-1.73-5.49-5.19-5.49h-11.153v-16.903C204.194,146.544,217.434,146.544,217.434,146.544z M155.107,135.42h-13.492c-3.663,0-6.263,2.513-6.263,6.243v45.395c0,4.629,3.74,6.079,6.417,6.079h14.159 c16.758,0,27.824-11.027,27.824-28.047C183.743,147.095,173.325,135.42,155.107,135.42z M155.755,181.946h-8.225v-35.334h7.413 c11.221,0,16.101,7.529,16.101,17.918C171.044,174.253,166.25,181.946,155.755,181.946z M106.33,135.42H92.964 c-3.779,0-5.886,2.493-5.886,6.282v45.317c0,4.04,2.416,6.282,5.663,6.282s5.663-2.242,5.663-6.282v-13.231h8.379 c10.341,0,18.875-7.326,18.875-19.107C125.659,143.152,117.425,135.42,106.33,135.42z M106.108,163.158h-7.703v-17.097h7.703 c4.755,0,7.78,3.711,7.78,8.553C113.878,159.447,110.863,163.158,106.108,163.158z"></path> </g> </g> </svg> <span class="ml-3 text-md text-gray-700 flex flex-col"> เอกสารประชาสัมพันธ์ <span class="text-[#b50820]"> ( <span class="text-sm human_size">148138</span> ) </span> </span> </div> <div class="text-gray-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#6B7280" class="w-4 h-4 inline"> <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /> <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" /> </svg> ดูเอกสาร </div> </a> </li> </ul> </div> <div class="my-5 p-5 border border-gray-200 shadow"> <div class="text-[24px]" style="color:#007a2b;"> <img src="/storage/logo/169094625130.png" class="mr-2 inline" width="40" alt=""> แบบคำขอน้ำอุปโภค/บริโภค </div> <div class="text-gray-500 mt-2"> 30 พฤศจิกายน 542 </div> <p class="text-gray-600"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#cccccc" class="w-4 h-4 inline"> <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /> <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" /> </svg> 191 </p> <hr class="mt-3"> <div class="mt-5"> <p> แสกนคิวอาร์โค้ด</p> </div> <div class="gap-8 columns-3 mt-5"> <a href="/storage/uploads/39-QR Code แบบคำขอน้ำอุปโภคบริโภค.png" data-lightbox="example-set"><img class="w-full aspect-square" src="/storage/uploads/39-QR Code แบบคำขอน้ำอุปโภคบริโภค.png" /></a> </div> </div> <div class="my-5 p-5 border border-gray-200 shadow"> <div class="text-[24px]" style="color:#007a2b;"> <img src="/storage/logo/169094625130.png" class="mr-2 inline" width="40" alt=""> แบบคำขอซ่อมแซมไฟฟ้าสาธารณะ </div> <div class="text-gray-500 mt-2"> 30 พฤศจิกายน 542 </div> <p class="text-gray-600"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#cccccc" class="w-4 h-4 inline"> <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /> <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" /> </svg> 191 </p> <hr class="mt-3"> <div class="mt-5"> <p> แสกนคิวอาร์โค้ด</p> </div> <div class="gap-8 columns-3 mt-5"> <a href="/storage/uploads/41-QR Code แบบคำขอซ่อมไฟฟ้าสาธารณะ.png" data-lightbox="example-set"><img class="w-full aspect-square" src="/storage/uploads/41-QR Code แบบคำขอซ่อมไฟฟ้าสาธารณะ.png" /></a> </div> </div> <div class="my-5 p-5 border border-gray-200 shadow"> <div class="text-[24px]" style="color:#007a2b;"> <img src="/storage/logo/169094625130.png" class="mr-2 inline" width="40" alt=""> E-Service (One Stop Service) องค์การบริหารส่วนตำบลน้ำดำ </div> <div class="text-gray-500 mt-2"> 30 พฤศจิกายน 542 </div> <p class="text-gray-600"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#cccccc" class="w-4 h-4 inline"> <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /> <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" /> </svg> 191 </p> <hr class="mt-3"> <div class="mt-5"> <p> https://www.namdam.go.th/eservice.asp</p> </div> </div> <div class="mt-3 px-10"> </div> </div> </div> </main> <button type="button" data-mdb-ripple="true" data-mdb-ripple-color="light" style="background: #007a2b;" class="btn-arrow z-10 inline-block p-3 text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-red-700 hover:shadow-lg focus:bg-red-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-red-800 active:shadow-lg transition duration-150 ease-in-out bottom-5 right-5" id="btn-back-to-top"> <svg aria-hidden="true" focusable="false" data-prefix="fas" class="w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"></path> </svg> </button> <style> @media (max-width: 768px) { #cookie { transform: translateY(-50px); } } </style> <style> #btn-sitemap { position: fixed; bottom: 15px; right: 25px; z-index: 10; background: #007a2b; color: white; width: 60px; height: 60px; border-radius: 50%; text-decoration: none; font-size: 0.9rem; font-weight: 600; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.2; padding: 0.5rem; } #btn-sitemap span { display: block; line-height: 1.1; } #btn-sitemap:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } </style> <a href="https://namdam.go.th/front/sitemap" id="btn-sitemap" title="แผนผังเว็บไซต์"> <span>แผนผัง</span> <span>เว็บไซต์</span> </a> <div id="cookie" style="display:none;"> <div class="flex flex-col items-start ag rounded-lg shadow-lg p-6 rounded-lg w-3/4 mx-auto" style="cursor: auto;background:#ffffffee;"> <div class="flex flex-col "> <div> <h5 class="text-xl mb-2" style="color: #007a2b;"> <img src="/storage/logo/169094625130.png" class="mx-auto h-9 w-9 inline" alt=""> นโยบายการใช้คุกกี้ (Cookies Policy) </h5> <span class="w-full block leading-normal text-gray-800 text-md mb-3">เว็บไซต์นี้มีการใช้งานคุกกี้เพื่อให้ท่านสามารถใช้บริการได้อย่างต่อเนื่องและอำนวยความสะดวกในการใช้งานเว็บไซต์ รวมถึงช่วยให้เราปรับปรุงการนำเสนอเนื้อหาตรงตามความต้องการของท่าน โดยท่านสามารถศึกษารายละเอียดเพิ่มเติมได้จาก <a style="color: #007a2b;" class="underline underline-offset-4" href="https://stsbbs.com/cookie-policy.html" target="_blank">ประกาศการใช้คุกกี้</a> <button type="button" onclick="setCookie('acceptPolicyCookie',1,365)" class="py-2 px-4 text-white transition ease-in duration-200 text-center text-base shadow-md ml-3 rounded-lg " style="background: #007a2b;">ยอมรับ</button> </span> </div> </div> </div> </div> <!-- Footer --> <!-- Footer --> <style> #footer_1_bg { background: url('/storage/template/169112299258.png') top center no-repeat; } #footer_2_bg { background: url('/storage/template/168265820894.png') top center no-repeat; } .fixed-footer { position: fixed; bottom: 0; width: 100%; z-index: 2147483647 !important; } .splide__track, .splide { z-index: 0 !important; } .splide { position: relative; z-index: 0 !important; } .fixed-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; background-image: url('/storage/template/174315237423.png'); background-position: center; background-repeat: no-repeat; z-index: 9999; display: flex; align-items: center; justify-content: space-around; padding: 10px 0; height: 100px; } .logo-shadow { filter: drop-shadow(0px 0px 4px white) drop-shadow(0px 0px 6px white); } .fixed-bottom-nav .flex { justify-content: space-around; align-items: center; width: 100%; height: 100%; } .fixed-bottom-nav a { flex: 1; text-align: center; height: 100%; } .fixed-bottom-nav a div { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; margin: 0 auto; } @media (min-width: 768px) { .fixed-bottom-nav { display: none !important; } } </style> <footer class=""> <!-- Mobile Bottom Navigation --> <div class="fixed-bottom-nav md:hidden"> <div class="flex justify-between items-center" style="margin-top: 20px;"> <!-- หน้าหลัก --> <a href="/" class="flex flex-col items-center text-white-700"> <div class="p-2 rounded-full"> <img src="/assets/img/e (2).png" class="mx-auto" style="max-width:50px;" alt=""> </div> </a> <!-- ข่าว --> <a href="#news" class="flex flex-col items-center text-white-700"> <div class="p-2 rounded-full"> <img src="/assets/img/e (3).png" class="mx-auto" style="max-width:50px;" alt=""> </div> </a> <!-- Logo --> <a href="#" class="flex flex-col items-center"> <div class="p-2 rounded-full"> <img src="/storage/logo/169094625130.png" alt="Logo" class="w-12 h-12" style="width: 50px;height: 50px;"> </div> </a> <!-- ITA --> <a href="/front/ita" class="flex flex-col items-center text-gray-700"> <div class="p-2 rounded-full"> <img src="/assets/img/ita.png" class="mx-auto" style="max-width:50px;" alt=""> </div> </a> <!-- E-Service --> <a href="/front/eservice/1" class="flex flex-col items-center text-white-700"> <div class="p-2 rounded-full"> <img src="/assets/img/E-service (2).png" class="mx-auto" style="max-width:50px;" alt=""> </div> </a> </div> </div> <!-- Mobile Bottom Navigation --> <div id="footer_1_bg" class="h-[375px] mt-[70px]"> <div class="pt-5"> <img src="/storage/logo/169094625130.png" class="mx-auto" width="150" alt=""> </div> <div class="text-center mt-[37px]"> <p class="text-xl lg:text-4xl text-white dark:text-white mb-2">องค์การบริหารส่วนตำบลน้ำดำ</p> <p class="text-lg font-thin text-white dark:text-white mb-2">เลขที่ 159 หมู่ที่ 4 ตำบลน้ำดำ อำเภอทุ่งยางแดง จังหวัดปัตตานี 94140</p> <p class="text-lg font-thin text-white dark:text-white mb-2">โทรศัพท์ : <a href="tel:073-489-168">073-489-168</a> โทรสาร : 073-489-229 </p> <p class="text-lg font-thin text-white dark:text-white mb-2">ไปรษณีย์อิเล็กทรอนิกส์ : saraban_06940602@dla.go.th</p> </div> </div> <!-- --> <div id="footer_2_bg" class="text-center"> <div class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-between"> <span class="text-sm sm:text-center dark:text-gray-400">© 2026 <a href="https://stsbbs.com/" class="hover:underline">STS System & Development Co.,Ltd.™</a>. All Rights Reserved. </span> <!-- Histats.com (div with counter) --> <div id="histats_counter"></div> <!-- Histats.com START (aync)--> <script type="text/javascript">var _Hasync= _Hasync|| []; _Hasync.push(['Histats.start', '1,4844894,4,511,95,18,00000000']); _Hasync.push(['Histats.fasi', '1']); _Hasync.push(['Histats.track_hits', '']); (function() { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = ('//s10.histats.com/js15_as.js'); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs); })();</script> <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4844894&101" alt="" border="0"></a></noscript> <!-- Histats.com END --> <ul class="flex flex-wrap items-center mt-3 text-sm font-medium sm:mt-0"> <li> <a href="https://namdam.go.th/front/WebsitePolicy" class="mr-4 hover:underline md:mr-6 ">นโยบายเว็บไซต์</a> </li> <li> <a href="https://namdam.go.th/front/PrivacyPolicy" class="mr-4 hover:underline md:mr-6">นโยบายการคุ้มครองข้อมูลส่วนบุคคล</a> </li> <li> <a href="https://namdam.go.th/front/SecurityPolicy" class="mr-4 hover:underline md:mr-6">นโยบายการรักษาความมั่นคงปลอดภัยเว็บไซต์</a> </li> </ul> </div> <!-- <p class="text-[12px] lg:text-base font-base text-dark dark:text-white mt-2">Copyright © 2026. namdam.go.th All rights reserved. Powered by STS</p> --> </div> </footer> <!-- /Footer --> <!-- Messenger ปลั๊กอินแชท Code --> <div id="fb-root"></div> <!-- Your ปลั๊กอินแชท code --> <div id="fb-customer-chat" class="fb-customerchat"> </div> <script> var chatbox = document.getElementById('fb-customer-chat'); chatbox.setAttribute("page_id", "920727377967366"); chatbox.setAttribute("attribution", "biz_inbox"); </script> <!-- Your SDK code --> <script> window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v19.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> </body> <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script> <script src="/animate.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { preloadCanvas(); }); var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;// var isAnimationStarted = false; // ป้องกันการเริ่มใหม่ function preloadCanvas() { canvas = document.getElementById("canvas"); anim_container = document.getElementById("animation_container"); dom_overlay_container = document.getElementById("dom_overlay_container"); // ถ้า animation ยังไม่เริ่ม ให้เริ่ม init() if (!isAnimationStarted) { init(); } } function init() { var comp = AdobeAn.getComposition("E5E6F40704CF80498FF5A3028458F03A"); var lib = comp.getLibrary(); var loader = new createjs.LoadQueue(false); loader.addEventListener("fileload", function (evt) { handleFileLoad(evt, comp); }); loader.addEventListener("complete", function (evt) { handleComplete(evt, comp); }); loader.loadManifest(lib.properties.manifest); } function handleFileLoad(evt, comp) { var images = comp.getImages(); if (evt && evt.item.type === "image") { images[evt.item.id] = evt.result; } } function handleComplete(evt, comp) { if (isAnimationStarted) return; // ป้องกันการเริ่ม animation ซ้ำ var lib = comp.getLibrary(); var ss = comp.getSpriteSheet(); var queue = evt.target; var ssMetadata = lib.ssMetadata; for (var i = 0; i < ssMetadata.length; i++) { ss[ssMetadata[i].name] = new createjs.SpriteSheet({ "images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames }); } exportRoot = new lib.Final_HTML5Canvas(); stage = new lib.Stage(canvas); fnStartAnimation = function () { stage.addChild(exportRoot); createjs.Ticker.framerate = lib.properties.fps; createjs.Ticker.addEventListener("tick", stage); }; AdobeAn.makeResponsive(false, 'both', false, 1, [canvas, anim_container, dom_overlay_container]); AdobeAn.compositionLoaded(lib.properties.id); fnStartAnimation(); isAnimationStarted = true; // ตั้งค่าสถานะว่า animation เริ่มแล้ว } </script> <script src="/assets/js/splide.min.js"></script> <script src="https://namdam.go.th/build/assets/app-204eedaf.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-grid@0.4.1/dist/js/splide-extension-grid.min.js"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/lightbox2@2.11.4/dist/js/lightbox.min.js"></script> <script> lightbox.option({ 'resizeDuration': 200, 'wrapAround': true }) </script> <script> function humanFileSize(bytes, si = false, dp = 1) { const thresh = si ? 1000 : 1024; if (Math.abs(bytes) < thresh) { return bytes + ' B'; } const units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; let u = -1; const r = 10 ** dp; do { bytes /= thresh; ++u; } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1); return bytes.toFixed(dp) + ' ' + units[u]; } document.querySelectorAll('.human_size').forEach((item) => { let size = item.textContent item.textContent = humanFileSize(size) }) document.querySelectorAll('.date_th').forEach((item) => { let str_date = item.textContent; let date_arr = str_date.split('/') let day = date_arr[2] let month = date_arr[1]; let year = date_arr[0]; const date = new Date(day + "/" + month + "/" + year) const result = date.toLocaleDateString('th-TH', { year: 'numeric', month: 'long', day: 'numeric', }) item.textContent = result }) document.addEventListener('DOMContentLoaded', function() { var splide = new Splide('.splide', { fixedHeight: '300px', autoplay: true, interval: 3000, type:'loop' }); splide.mount(); if (document.getElementById('image-carousel') !== null) { new Splide('#image-carousel', { perPage: 4, focus: 0, omitEnd: true, breakpoints: { 640: { perPage: 1, }, 1024: { perPage: 3, } } }).mount(); } new Splide('#image-carousel-2', { perPage: 4, omitEnd: true, breakpoints: { 640: { perPage: 1, }, 1024: { perPage: 3, } } }).mount(); new Splide('#image-carousel-3', { grid: { rows: 3, cols: 3, }, breakpoints: { 640: { grid: { rows: 3, cols: 2, }, }, 1024: { grid: { rows: 3, cols: 2, }, } }, type: 'loop', autoplay: true, interval: 3000, pauseOnHover: false, pauseOnFocus: false, }).mount(window.splide.Extensions); new Splide('#image-carousel-4', { perPage: 4, omitEnd: true, breakpoints: { 640: { perPage: 2, }, 1024: { perPage: 4, } }, type: 'loop', autoplay: true, interval: 3000, pauseOnHover: false, pauseOnFocus: false, }).mount(window.splide.Extensions); }); // Get the button let mybutton = document.getElementById("btn-back-to-top"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function() { scrollFunction(); }; function scrollFunction() { if ( document.body.scrollTop > 20 || document.documentElement.scrollTop > 20 ) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document mybutton.addEventListener("click", backToTop); function backToTop() { window.scroll({ top: 0, behavior: "smooth" }) } checkCookie(); function getCookie(cname) { let name = cname + "="; let ca = document.cookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function checkCookie() { let cookie = getCookie("acceptPolicyCookie"); if (cookie == "") { document.getElementById('cookie').style.display = "block" } else { document.getElementById('cookie').style.display = "none" } } function setCookie(cname, cvalue, exdays) { const d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); let expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; document.getElementById('cookie').style.display = "none" } </script> </html>
E-Service
E-Service
E-Service