Membuat auto close alert bootstrap dengan javascript


Hei,,,hei..

Seperti yang sudah dijelaskan cara membuat alert menggunakan bootstrap pada post yang lalu, kali ini admin mau post bagaimana cara untuk menutup otomatis alert bootstrap dengan javascript.

Berikut kodingnya :
<div class="alert alert-success" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Success!</strong> Your item has been placed. </div>
<script> window.setTimeout(function() { $(".alert-success").fadeTo(500, 0).slideUp(500, function(){ $(this).remove(); }); }, 3000); </script>
Perlu diingat, tulisan warna merah harus sama ya... dan yang hijau bisa diatur sesuai selera..
Sekian dulu

1 comment for "Membuat auto close alert bootstrap dengan javascript"

Post a Comment

Pengunjung yang baik selalu memberikan masukan / komentar..

Berlangganan via Email