Sweet Alert 2 kullanımı

   Sweet Alert 2, projelerinizde kullanıcı iletişimini geliştirmek için harika bir araçtır. Bu kütüphane, görsel olarak daha çekici ve kullanıcı dostu iletişim geri bildirimleri oluşturmanıza yardımcı olur. Kullanımı oldukça basittir, tek yapmanız gereken bir JavaScript dosyasını projenize dahil etmek ve ardından istediğiniz yerde fonksiyonunu çağırmaktır. Aşağıdaki örnek uygulamada, bir butona tıklandığında iletişim penceresinin ortaya çıkması gibi temel bir örnekle kullanımı gösterilebilir. Sweet Alert 2, özelleştirilebilir seçenekler sunar, böylece iletişim kutularınızı projenizin tarzına uygun hale getirebilirsiniz. Bu kütüphane, kullanıcı deneyimini artırmak ve kullanıcılarınıza daha etkileyici bir arayüz sunmak için mükemmel bir seçenektir.
<!doctype html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Sweet Alert 2</title>
<script type="text/javascript" src="sweetalert2.all.min.js"></script>
</head>
<body>
<form action="index.php" method="post">
<input type="text" name="alperilhan.com.tr">
<input type="submit" value="Yolla">
</form>
<?php if($_POST) { echo '<script>Swal.fire("TAMAM!", "Mesajınız Gönderildi", "success"); </script>'; } ?>
</body>
</html>

 

Ayrıntılı bilgiler ve geliştirmeleri takip etmek için yayıncı sweetalert2 web sitesini kontrol etmeyi unutmayınız.

DEMO Download

Hakkında Alper

Bir yanıt yazın