Uygulamalarınız için SweetAlert Bootstrap
Bir uygulamamda bana lazım olduğu için kullandığım SweetAlert’i blogumda dursun belki sonradan unuturum diye paylaştığım bu çok tatlı jquery/bootstrap eklentisini birde sizin görmenizi istedim :)
Öncelikle kurulumundan bahsedeyim..
Bu github sekmesinden ulaştığınız dosyaları bilgisayarınıza indirerek kullanmak istediğiniz uygulamanın klasörüne taşıyın.. Ama fazla kalabalık olmasın diye /lib klasörü içerisindeki sweet-alert.min.js & sweet-alert.css dosyalarını taşısanız yeter sonra bu dosyaları sayfanıza çağırmanız yeterlidir..
<script></script>
Yukardaki dosyaları sayfanıza dahil ettikten sonra yapmanız gereken sadece hangi butona veya alana tıklandığında çalışması gerektiğini anlatan komutu yazmak olacak :)
Ben sizler için basit bir örnek hazırladım daha fazla örnek için eklentinin github sayfasına gitmeniz yeterli olacaktır..
Butonumuz
İşi Teslim Et
$('.okey').click(function(){
var data = $(this).attr("data-id");
swal({
title: "İşi Bitiriyormusun?",
text: "İşi kontrol ettinmi? Kesin olarak bitiriyormusun?",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
cancelButtonText: "Henüz bitmedi!",
confirmButtonText: "Evet , Bitiriyorum",
closeOnConfirm: false
},
function(){
swal("İşi Teslim Ettin!!", "İşi an itibariyle teslim ettin ellerine sağlık !", "success");
alert(data);
});
});
