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>
<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
Bagus untuk menambah wawasan
BalasHapus