Bismillahirrahmanirrahiim
Alert adalah notifikasi javascript yang sering kita gunakan dalam memvalidasi suatu script atau kode yang kita jalankan, alert default javascript adalah seperti code dibawah ini
<script>window.alert('Selamat datang');</script>
Hasilnya seperti gambar dibawah ini
Disini saya akan membahas bagaimana caranya untuk membuat alert dengan sweet alert agar mendapatkan tampilan seperti gambar dibawah ini :
Oke sobat langsung saja …..
Langkah pertama
Langkah kedua
Extract hasil download ke folder root server local sobat, kalau saya di c:\xampp\htdocs\php7\sweetalert, sesuaikan dengan folder root server local sobat.
Langkah ketiga
Ketiklah kode sweet alert dibawah ini
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Aguzrybudy.com | Sweet Alert</title> <link rel="stylesheet" href="alert/css/sweetalert.css"> </head> <body > <form method="post" id="email"> <p> <input name="email" placeholder="Enter Your Email" type="text" id="inputemail"> <input type="submit" value="Submit" ></p> </form> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script src="alert/js/sweetalert.min.js"></script> <script src="alert/js/qunit-1.18.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#email').on('submit',function(e) { $.ajax({ url:'subscribe_act.php', //nama action script php sobat data:$(this).serialize(), type:'POST', success:function(data){ console.log(data); swal("Success!", "Message sent!", "success"); }, error:function(data){ swal("Oops...", "Something went wrong :(", "error"); } }); e.preventDefault(); }); }); </script> </body> </html>
Hasil eksekusi script diatas adalah seperti gambar dibawah ini .
17 Comments
This comment has been removed by the author.
ReplyDeleteCara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Now
Delete>>>>> Download Full
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download LINK
>>>>> Download Now
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Full
>>>>> Download LINK wi
passwordnya salah mas, yg bener apaan????
ReplyDeletega niat share nih..
aguzrybudy.blogspot.co.id passwordnya
Deletecoba deh mas download lalu di extract dulu mas pake password itu , file yg lain sih bener passwordnya tp yg ini salah mas..
DeleteKalau gitu kirim aja email mas, biar saya kirim kodenya
Deletepasswordnya salah mas, kalau boleh minta di kirim ke email saya mas :)
ReplyDeletem.fakih07@gmail.com
Cek email atau spam mas dah saya kirim filenya
Deleteminta filenya mas firdsm@gmail.com terima kasih
ReplyDeletepasswordnya dunk gan aguss
ReplyDeleteaguzrybudy.blogspot.co.id, kalau gak bisa mas kasih email mas biar saya kirim kodenya
DeleteMinta file nya gan. haekal9e@gmail.com
ReplyDeleteTerima Kasih
email gan oktovianpa@gmail.com
ReplyDeletethanks
Cek email gan dah saya kirim kodenya
Deleteterimakasih ilunya mas, cuma kalo pake framework Codeigniter dimna yah letakin script sweet alertnya, makasih. :)
ReplyDeletesaya pake password ini aguzrybudy.blogspot.co.id bisa mas terimakasih :)
ReplyDeleteCara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Now
ReplyDelete>>>>> Download Full
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download LINK
>>>>> Download Now
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Full
>>>>> Download LINK PU
Berkomentarlah dengan baik dan sopan