Powered byBlog Widgetand shared by JUNIAWAN89

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
Previous
Next Post »

Pengunjung yang baik selalu memberikan masukan / komentar.... ConversionConversion EmoticonEmoticon

Popular