Open main menu
หน้าแรก
เมนูหลัก
ข้อมูล อบต.
ข้อมูลการดำเนินงาน
แผนพัฒนา
ข้อบัญญัติ
ศูนย์พัฒนาเด็กเล็ก
รายงาน
กิจการสภา
งานการเจ้าหน้าที่
ประกาศจัดซื้อจัดจ้าง
แผนการปฏิบัติการป้องกันการทุจริต
แผนการใช้จ่ายงบประมาณประจำปี
การเสริมสร้างวัฒนธรรมองค์กร
มาตรการภายในเพื่อส่งเสริม ความโปร่งใสและป้องกัน การทุจริต
การให้บริการ
แนะนำผลงานดีเด่นของหน่วยงาน
กฏหมายที่เกี่ยวข้อง
กฎหมายหลัก
กฎหมายองค์การบริหารส่วนตำบล
กฎหมายเทศบาล
กฎหมายการเลือกตั้ง
บุคลากร
คณะผู้บริหาร
สมาชิกสภา อบต.
ข้อมูลผู้บริหาร
สำนักปลัด
กองคลัง
กองช่าง
กองการศึกษา ศาสนา และวัฒนธรรม
ข่าว / กิจกรรม
ข่าวประชาสัมพันธ์
ข่าวจัดซื้อจัดจ้าง
ข่าวรับสมัครงานโอน/ย้าย
สรุปผลการจัดซื้อจัดจ้าง
ประกาศ อบต.
จดหมายข่าว
การรับรู้เกี่ยวกับนโยบายสำคัญของรัฐบาล
ภาพกิจกรรม
แหล่งท่องเที่ยว
ผลิตภัณฑ์ตำบล
มัลติมีเดีย
ติดต่อหน่วยงาน
หน้าแรก
เมนูหลัก
บุคลากร
คณะผู้บริหาร
สมาชิกสภา อบต.
ข้อมูลผู้บริหาร
สำนักปลัด
กองคลัง
กองช่าง
กองการศึกษา ศาสนา และวัฒนธรรม
ข่าว / กิจกรรม
ข่าวประชาสัมพันธ์
ข่าวจัดซื้อจัดจ้าง
ข่าวรับสมัครงานโอน/ย้าย
สรุปผลการจัดซื้อจัดจ้าง
ประกาศ อบต.
จดหมายข่าว
การรับรู้เกี่ยวกับนโยบายสำคัญของรัฐบาล
ภาพกิจกรรม
แหล่งท่องเที่ยว
ผลิตภัณฑ์ตำบล
มัลติมีเดีย
ติดต่อหน่วยงาน
ข้อมูล อบต.
ข้อมูลการดำเนินงาน
แผนพัฒนา
ข้อบัญญัติ
ศูนย์พัฒนาเด็กเล็ก
รายงาน
กิจการสภา
งานการเจ้าหน้าที่
ประกาศจัดซื้อจัดจ้าง
แผนการปฏิบัติการป้องกันการทุจริต
แผนการใช้จ่ายงบประมาณประจำปี
การเสริมสร้างวัฒนธรรมองค์กร
มาตรการภายในเพื่อส่งเสริม ความโปร่งใสและป้องกัน การทุจริต
การให้บริการ
แนะนำผลงานดีเด่นของหน่วยงาน
กฏหมายที่เกี่ยวข้อง
กฎหมายหลัก
กฎหมายองค์การบริหารส่วนตำบล
กฎหมายเทศบาล
กฎหมายการเลือกตั้ง
E-Service
ย้อนกลับ
E-Service
8 พฤษภาคม 2566
231
</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> 231 </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> 231 </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> 231 </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> 231 </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 --> <style> :root { --cb-primary: #8B0000; --cb-bot-name-color: #aaa; } #chatbot-fab { position: fixed; bottom: 160px; right: 8px; z-index: 1000; display: inline-flex; align-items: flex-start; } .fab-wrap { position: relative; display: inline-block; } .fab-card { position: relative; width: auto; overflow: visible; display: flex; align-items: flex-end; justify-content: flex-start; background: transparent; border: none; padding: 0; cursor: pointer; filter: drop-shadow(0 3px 8px rgba(0,0,0,0.3)); transition: filter 0.2s; } .fab-card:hover { filter: drop-shadow(0 5px 12px rgba(0,0,0,0.4)); } .fab-card-mascot { width: 170px; max-width: none; height: auto; display: block; transform: translateX(6px) scale(1.05); transform-origin: left bottom; clip-path: inset(-20px 16px 0 0); } .fab-card-label { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; } .fab-card-label .fab-sub { font-size: 10px; color: #888; font-weight: 400; } .fab-card-label .fab-main { font-size: 14px; font-weight: 700; color: var(--cb-primary); white-space: nowrap; display: flex; align-items: center; gap: 5px; } .fab-card-label .fab-main svg { width: 15px; height: 15px; flex-shrink: 0; } .fab-dismiss-btn { position: absolute; top: -10px; right: -4px; z-index: 2; background: #e53e3e; color: #fff; border: 2px solid #fff; width: 22px; height: 22px; border-radius: 50%; cursor: pointer; font-size: 13px; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(0,0,0,0.2); transition: background 0.2s; margin: 0; } .fab-dismiss-btn:hover { background: #c53030; } #chatbot-panel { position: fixed; bottom: 16px; right: 16px; width: min(400px, calc(100vw - 24px)); height: min(500px, calc(100vh - 32px)); max-height: none; z-index: 1005; display: none; flex-direction: column; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.22); font-family: 'Kanit','Sarabun',sans-serif; } #chatbot-panel.open { display: flex; } .chatbot-header { background: var(--cb-primary); color: #fff; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 600; flex-shrink: 0; background-size: cover; background-position: center; } .chatbot-header-left { display: flex; align-items: center; gap: 8px; } .chatbot-header img { width:32px; height:32px; border-radius:50%; border:2px solid rgba(255,255,255,0.6); object-fit:cover; } .chatbot-close-btn { background: rgba(255,255,255,0.2); border: none; color: #fff; width: 28px; height: 28px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .chatbot-close-btn:hover { background: rgba(255,255,255,0.35); } .chatbot-messages { background: #f5f5f5; flex: 1; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 10px; min-height: 180px; max-height: none; background-size: cover; background-position: center; } .chat-msg { display:flex; align-items:flex-end; gap:8px; } .chat-msg.bot { flex-direction:row; } .chat-msg.user { flex-direction:row-reverse; } .chat-msg .avatar { width:32px; height:32px; border-radius:50%; object-fit:cover; flex-shrink:0; } .chat-bubble { max-width:85%; padding:9px 13px; border-radius:16px; font-size:13px; line-height:1.5; word-break:break-word; } .chat-msg.bot .chat-bubble { background:#fff; color:#333; border-bottom-left-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,0.08); } .chat-msg.user .chat-bubble { background:var(--cb-primary); color:#fff; border-bottom-right-radius:4px; max-width:100%; } .chat-bubble img { max-width:180px; border-radius:10px; display:block; } .chat-bot-name { font-size:11px; color:var(--cb-bot-name-color, var(--cb-primary)); font-weight:600; margin-bottom:2px; } .chat-link-btn { display:inline-block; margin-top:6px; background:var(--cb-primary); color:#fff; padding:5px 14px; border-radius:20px; font-size:12px; text-decoration:none; font-weight:600; transition:filter 0.2s; } .chat-link-btn:hover { filter:brightness(1.15); color:#fff; text-decoration:none; } .chat-time { font-size:10px; color:var(--cb-bot-name-color); margin-top:2px; text-align:right; } .chatbot-footer { background:#fff; border-top:1px solid #e5e7eb; padding:8px 10px; flex-shrink:0; position:relative; } #chatbot-suggestions { position:absolute; bottom:100%; left:0; right:0; background:#fff; border:1px solid #e5e7eb; border-radius:8px 8px 0 0; box-shadow:0 -2px 8px rgba(0,0,0,0.08); max-height:180px; overflow-y:auto; display:none; z-index:10; } #chatbot-suggestions.show { display:block; } .suggestion-item { padding:9px 14px; font-size:13px; cursor:pointer; color:#333; border-bottom:1px solid #f3f4f6; transition:background 0.15s; } .suggestion-item:last-child { border-bottom:none; } .suggestion-item:hover { background:#fef2f2; color:var(--cb-primary); } .chatbot-input-row { display:flex; gap:6px; align-items:center; } #chatbot-input { flex:1; border:1px solid #d1d5db; border-radius:20px; padding:8px 14px; font-size:13px; outline:none; font-family:'Kanit','Sarabun',sans-serif; transition:border-color 0.2s; } #chatbot-input:focus { border-color:var(--cb-primary); } #chatbot-send-btn { background:var(--cb-primary); color:#fff; border:none; border-radius:20px; padding:8px 16px; font-size:13px; font-weight:600; cursor:pointer; font-family:'Kanit','Sarabun',sans-serif; transition:filter 0.2s; white-space:nowrap; } #chatbot-send-btn:hover { filter:brightness(1.15); } @media (max-width:500px) { #chatbot-panel { width:calc(100vw - 16px); right:8px; bottom:8px; height:calc(100vh - 100px); } #chatbot-fab { right:4px; bottom:90px; } } </style> <div id="chatbot-fab" style="display:none;"> <div class="fab-wrap"> <button class="fab-dismiss-btn" onclick="dismissFab(event)" title="ปิด">×</button> <div class="fab-card" onclick="toggleChatbot()"> <img id="chatbot-fab-img" alt="มาสคอต" class="fab-card-mascot" src="https://cdn.stsbbs.com/gif_icon/mascot_chat_bot.gif" onerror="this.style.display='none';this.onerror=null;"> </div> </div> </div> <div id="chatbot-panel"> <div class="chatbot-header" id="cb-header"> <div class="chatbot-header-left"> <img id="cb-header-avatar" alt="mascot" src="https://namdam.go.th/storage/logo/169094625130.png" onerror="this.style.display='none';this.onerror=null;"> <span id="cb-header-title"></span> </div> <button class="chatbot-close-btn" onclick="toggleChatbot()" title="ปิด"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" style="width:16px;height:16px;"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div class="chatbot-messages" id="chatbot-messages"></div> <div class="chatbot-footer"> <div id="chatbot-suggestions"></div> <div class="chatbot-input-row"> <input type="text" id="chatbot-input" placeholder="พิมพ์คำถามที่นี่" autocomplete="off" /> <button id="chatbot-send-btn" onclick="chatbotSend()">ถาม</button> </div> </div> </div> <script> (function(){ var STORAGE_URL = 'https://namdam.go.th/storage/'; var API_WELCOME = '/chatbot/api/welcome'; var API_GRAPHICS = '/chatbot/api/graphics'; var API_SEARCH = '/chatbot/api/search'; var API_ASK = '/chatbot/api/ask'; var IMG_FALLBACK = 'https://cdn.stsbbs.com/gif_icon/mascot_chat_bot.gif'; var LOGO_URL = 'https://namdam.go.th/storage/logo/169094625130.png'; var DEFAULT_CHAT_NAME = "องค์การบริหารส่วนตำบลน้ำดำ"; var isOpen=false, welcomeLoaded=false, graphicsLoaded=false; var searchTimeout=null, currentSuggestions=[], graphics={}; function imgUrl(path){ if(!path) return ''; return path.startsWith('http') ? path : STORAGE_URL+path; } function escHtml(s){ var d=document.createElement('div'); d.appendChild(document.createTextNode(s)); return d.innerHTML; } function nowTime(){ var n=new Date(); return n.getHours().toString().padStart(2,'0')+':'+n.getMinutes().toString().padStart(2,'0'); } function scrollBot(){ var m=document.getElementById('chatbot-messages'); if(m) m.scrollTop=m.scrollHeight; } function getBotName(){ return (graphics.bot_name&&graphics.bot_name.value)?graphics.bot_name.value:DEFAULT_CHAT_NAME; } function applyGraphics(g){ graphics=g||{}; var isEnabled = !(g.chatbot_active && g.chatbot_active.value === '0'); var fab = document.getElementById('chatbot-fab'); if(fab) fab.style.display = isEnabled ? 'inline-flex' : 'none'; var color=(g.primary_color&&g.primary_color.value)?g.primary_color.value:'#8B0000'; document.documentElement.style.setProperty('--cb-primary',color); var botName=getBotName(); var el=document.getElementById('cb-header-title'); if(el) el.textContent=(g.header_title&&g.header_title.value)?g.header_title.value:botName; var fl=document.getElementById('cb-fab-label'); if(fl) fl.textContent=(g.fab_label&&g.fab_label.value)?g.fab_label.value:'ถาม '+botName; var nameColor=(g.bot_name_color&&g.bot_name_color.value)?g.bot_name_color.value:null; if(nameColor) document.documentElement.style.setProperty('--cb-bot-name-color', nameColor); var mascotSrc=(g.mascot&&g.mascot.image_path)?imgUrl(g.mascot.image_path):IMG_FALLBACK; var avatarSrc=(g.bot_avatar&&g.bot_avatar.image_path)?imgUrl(g.bot_avatar.image_path):(LOGO_URL||mascotSrc||IMG_FALLBACK); var fi=document.getElementById('chatbot-fab-img'); if(fi){ fi.src=mascotSrc; fi.style.display='block'; } var ha=document.getElementById('cb-header-avatar'); if(ha){ ha.src=avatarSrc; ha.style.display=''; } var hdr=document.getElementById('cb-header'); if(hdr&&g.header_bg&&g.header_bg.image_path){ hdr.style.backgroundImage='url('+imgUrl(g.header_bg.image_path)+')'; hdr.style.backgroundSize='cover'; } var msgs=document.getElementById('chatbot-messages'); if(msgs&&g.chat_bg&&g.chat_bg.image_path){ msgs.style.backgroundImage='url('+imgUrl(g.chat_bg.image_path)+')'; msgs.style.backgroundSize='cover'; } } function makeBotAvatar(){ var src=(graphics.bot_avatar&&graphics.bot_avatar.image_path) ?imgUrl(graphics.bot_avatar.image_path) :(LOGO_URL||((graphics.mascot&&graphics.mascot.image_path)?imgUrl(graphics.mascot.image_path):IMG_FALLBACK)); if(!src) return null; var img=document.createElement('img'); img.className='avatar'; img.src=src; img.onerror=function(){this.style.display='none';this.onerror=null;}; img.alt='bot'; return img; } function addBotMsg(html,avatar){ var msgs=document.getElementById('chatbot-messages'); var wrap=document.createElement('div'); wrap.style.cssText='display:flex;flex-direction:column;align-items:flex-start'; var nm=document.createElement('div'); nm.className='chat-bot-name'; nm.textContent=getBotName(); wrap.appendChild(nm); var row=document.createElement('div'); row.className='chat-msg bot'; if(avatar!==false){ var av=makeBotAvatar(); if(av) row.appendChild(av); } var bub=document.createElement('div'); bub.className='chat-bubble'; bub.innerHTML=html; row.appendChild(bub); wrap.appendChild(row); var t=document.createElement('div'); t.className='chat-time'; t.style.marginLeft='40px'; t.textContent=nowTime(); wrap.appendChild(t); msgs.appendChild(wrap); scrollBot(); } function addUserMsg(text){ var msgs=document.getElementById('chatbot-messages'); var wrap=document.createElement('div'); wrap.style.cssText='display:flex;flex-direction:column;align-items:flex-end'; var row=document.createElement('div'); row.className='chat-msg user'; var bub=document.createElement('div'); bub.className='chat-bubble'; bub.textContent=text; row.appendChild(bub); wrap.appendChild(row); var t=document.createElement('div'); t.className='chat-time'; t.textContent=nowTime(); wrap.appendChild(t); msgs.appendChild(wrap); scrollBot(); } function loadGraphics(cb){ if(graphicsLoaded){if(cb)cb();return;} fetch(API_GRAPHICS).then(function(r){return r.json();}) .then(function(d){graphicsLoaded=true;applyGraphics(d);if(cb)cb();}) .catch(function(){graphicsLoaded=true;applyGraphics({});if(cb)cb();}); } function addDefaultWelcomeMessages(){ addBotMsg(escHtml('สวัสดีค่ะ! ให้'+getBotName()+'ช่วยตอบข้อมูลเว็บไซต์นี้ได้เลยนะคะ'), true); addBotMsg(escHtml('สามารถพิมพ์เนื้อหาที่ต้องการสอบถามได้เลยนะคะ เช่น ข่าวประชาสัมพันธ์ กิจกรรม หรือติดต่อเรา'), true); } function loadWelcome(){ if(welcomeLoaded) return; welcomeLoaded=true; fetch(API_WELCOME).then(function(r){return r.json();}) .then(function(items){ items.forEach(function(item){ if(item.type==='image'){ addBotMsg('<img src="'+escHtml(imgUrl(item.content))+'" alt="welcome" onerror="this.style.display=\'none\'">',true); } else { addBotMsg(escHtml(item.content),true); } }); if(!items.length) addDefaultWelcomeMessages(); }) .catch(function(){ addDefaultWelcomeMessages(); }); } function showSug(items){ var el=document.getElementById('chatbot-suggestions'); el.innerHTML=''; currentSuggestions=items; if(!items.length){el.classList.remove('show');return;} items.forEach(function(item){ var d=document.createElement('div'); d.className='suggestion-item'; d.textContent=item.question; d.addEventListener('click',function(){selectSug(item);}); el.appendChild(d); }); el.classList.add('show'); } function hideSug(){ var el=document.getElementById('chatbot-suggestions'); if(el){el.classList.remove('show');el.innerHTML='';} currentSuggestions=[]; } function selectSug(item){ document.getElementById('chatbot-input').value=item.question; hideSug(); askById(item.id,item.question); } function askById(id,question){ addUserMsg(question); document.getElementById('chatbot-input').value=''; fetch(API_ASK+'?id='+encodeURIComponent(id)).then(function(r){return r.json();}) .then(function(data){ var html=escHtml(data.response); if(data.link_url){ var btn=data.link_text?escHtml(data.link_text):'คลิกที่นี่'; html+='<br><a href="'+escHtml(data.link_url)+'" target="_blank" rel="noopener noreferrer" class="chat-link-btn">'+btn+'</a>'; } addBotMsg(html); }) .catch(function(){ addBotMsg('ขออภัยค่ะ ขณะนี้ไม่สามารถตอบคำถามได้ กรุณาลองใหม่อีกครั้งค่ะ'); }); } function chatbotSend(){ var input=document.getElementById('chatbot-input'); var q=input.value.trim(); if(!q) return; if(currentSuggestions.length){ var exact=currentSuggestions.find(function(s){return s.question.toLowerCase()===q.toLowerCase();}); var pick=exact||currentSuggestions[0]; hideSug(); askById(pick.id,pick.question); return; } hideSug(); addUserMsg(q); input.value=''; fetch(API_SEARCH+'?q='+encodeURIComponent(q)).then(function(r){return r.json();}) .then(function(items){ if(!items.length) addBotMsg('ขออภัยค่ะ '+getBotName()+'ไม่พบข้อมูลที่ตรงกับ "'+escHtml(q)+'" กรุณาลองใช้คำอื่นค่ะ'); else askById(items[0].id,items[0].question); }) .catch(function(){ addBotMsg('ขออภัยค่ะ ขณะนี้ไม่สามารถตอบคำถามได้ กรุณาลองใหม่อีกครั้งค่ะ'); }); } function toggleChatbot(){ var panel=document.getElementById('chatbot-panel'); isOpen=!isOpen; if(isOpen){ panel.classList.add('open'); loadGraphics(function(){ loadWelcome(); }); setTimeout(function(){ var i=document.getElementById('chatbot-input'); if(i) i.focus(); },150); } else { panel.classList.remove('open'); hideSug(); } } document.addEventListener('DOMContentLoaded',function(){ loadGraphics(null); // load graphics early so FAB mascot shows var input=document.getElementById('chatbot-input'); if(!input) return; input.addEventListener('input',function(){ var q=this.value.trim(); if(searchTimeout) clearTimeout(searchTimeout); if(!q){hideSug();return;} searchTimeout=setTimeout(function(){ fetch(API_SEARCH+'?q='+encodeURIComponent(q)).then(function(r){return r.json();}).then(showSug).catch(hideSug); },200); }); input.addEventListener('keydown',function(e){ if(e.key==='Enter'){e.preventDefault();chatbotSend();} if(e.key==='Escape') hideSug(); }); document.addEventListener('click',function(e){ var panel=document.getElementById('chatbot-panel'); if(panel&&!panel.contains(e.target)) hideSug(); }); }); window.toggleChatbot=toggleChatbot; window.chatbotSend=chatbotSend; window.dismissFab=function(e){ e.stopPropagation(); var fab=document.getElementById('chatbot-fab'); if(fab) fab.style.display='none'; }; })(); </script> <!-- Analytics Tracking --> <script> (function () { 'use strict'; var ENDPOINT = "https:\/\/namdam.go.th\/api\/local-analytics"; function parseUA(ua) { ua = ua || ''; var device = 'Desktop'; if (/iPad|Tablet/i.test(ua)) { device = 'Tablet'; } else if (/Mobi|Android|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua)) { device = 'Mobile'; } var browser = 'Unknown'; if (/Edg\//i.test(ua)) browser = 'Edge'; else if (/OPR\/|Opera/i.test(ua)) browser = 'Opera'; else if (/SamsungBrowser/i.test(ua)) browser = 'Samsung Internet'; else if (/Chrome/i.test(ua)) browser = 'Chrome'; else if (/Firefox/i.test(ua)) browser = 'Firefox'; else if (/Safari/i.test(ua)) browser = 'Safari'; var os = 'Unknown'; if (/Windows NT 10|Windows NT 11/i.test(ua)) os = 'Windows 10+'; else if (/Windows/i.test(ua)) os = 'Windows'; else if (/Mac OS X|Macintosh/i.test(ua)) os = 'macOS'; else if (/Android/i.test(ua)) os = 'Android'; else if (/iPhone|iPad|iPod/i.test(ua)) os = 'iOS'; else if (/Linux/i.test(ua)) os = 'Linux'; return { device: device, browser: browser, os: os }; } function sendAnalytics() { try { var parsed = parseUA(navigator.userAgent || ''); var payload = { domain : window.location.hostname, page_url : window.location.href, referrer : document.referrer || '', device : parsed.device, browser : parsed.browser, os : parsed.os }; var blob = new Blob( [JSON.stringify(payload)], { type: 'application/json' } ); navigator.sendBeacon( ENDPOINT, blob ); } catch (e) {} } /* ยิงเร็วขึ้น ไม่รอ load ทั้งหน้า */ if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', function () { setTimeout(sendAnalytics, 100); }, { once: true } ); } else { setTimeout(sendAnalytics, 100); } })(); </script><!-- 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