alert PHP สวยๆ ด้วย sweetalert2 JavaScript plugin

alert PHP สวยๆ ด้วย sweetalert2 JavaScript plugin บทความนี้สอนสร้าง alert สวยๆ ด้วย JavaScript plugin ชื่อ sweetalert2 พร้อมรันบนเว็บไซต์ที่เขียนด้วยภาษา PHP โดยมีรายละเอียดดังนี้

ตัวอย่าง alert PHP สวยๆ ด้วย sweetalert2 JavaScript plugin

1. ติดตั้ง sweetalert2 และ jQuery ผ่าน CDN

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

2. สร้างปุ่มด้วยแท็ก input type button บน script PHP เมื่อผู้ใช้งานกดปุ่มจะเรียกใช้ฟังก์ชัน callAlert ใน JavaScript

<?php
    echo "<input type='button' onclick='callAlert()' value='PHP alert สวยๆ'>";
?>

3. เขียนฟังก์ชัน callAlert และเรียกใช้ alert ด้วย sweetalert2

<script>
    function callAlert() {
        Swal.fire({
            title: 'ยินดีต้อนรับ',
            text: 'เข้าสู่เว็บไซต์ Devdit',
            icon: 'success',
            confirmButtonText: 'ยอดเยี่ยมเลย'
        });
    }
</script>