Jquery Alert, Sweet alert, Dialog Kullanımı

Jquery sweet alert, dialog mesajlarının kullanımı ile örnek kodlar.

<!DOCTYPE html>
<html>
<head>
    <title>Jquery Alert, Sweet alert, Dialog Kullanımı</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-borderless@3/borderless.css">
	<style>
    .contEnd{
  		width: 300px;margin:50px auto;
	}
	.clears a{
    	font-size:16px;padding:5px;background-color:red;color:#fff;
		text-decoration:none;border-radius:6px;
    }
	a.alink{
		color:#111a45;
	}
	.clears{display:block;clear:both;margin-bottom:50px;
	</style>
</head>
<body>
<div class="contEnd">
	<div class="clears">
  	<a href="javascript:void(0)" onclick="MesajGoster('success');">Başarılı İşlem</a>
  	<a href="javascript:void(0)" onclick="MesajGoster('no');">Hatalı İşlem</a> 	
	<a href="javascript:void(0)" onclick="SoruSor('no');">Soru Sor!</a> 
  </div>
  <a href="https://ismailgultekin.com/jquery" alt="Jquery Örnekleri" title="Jquery Örnekleri" class="alink"> Jquery Örnekleri</a> |

<a class="alink" target="_blank" href="https://api.whatsapp.com/send?phone=+905432179988&text=Seo%20hizmeti%20https://ismailgultekin.com">Whatsapp Mesaj Gönder</a>
</div>
<script type="text/javascript">

function MesajGoster(islem, baslik, msj){
		var title,icon,text;

//Default başlık ve mesaj
		if(islem=="success"){
			icon  = "success";
			title = "Başarıyla Tamamlandı";
			text  = "Mesajınızı Aldık. En kısa sürede iletişime gececeğiz.";

}else{
			icon  = "warning";
			title = "Hata! İşlem Yapılamadı";
			text  = "Bir Hata Oluştu Lütfen Tekrar Deneyiniz.";
		}
		
		//Başlık dinamik gönderildi ise
		if(typeof(baslik) != "undefined" && baslik !== null) {
			title = baslik;
		}

//Mesaj Yazısı Dinamik gönderildi ise
		if(typeof(msj) != "undefined" && msj !== null) {
			text = msj;
		}
		
		
		Swal.fire({

icon: icon,

title: title,

text: text,

showConfirmButton: false,

timer: 1500

});
	}

function SoruSor(islem){
		var title,icon,text;
		if(islem=="success"){
			icon  = "success";

}else{
			icon  = "warning";
		}

Swal.fire({

title: 'Silmek istediğine Emin Misin?',

text: "Silme işlemi onaylanırsa geri alınamaz.",

icon: icon,

showCancelButton: true,

confirmButtonColor: '#2f84d6',

cancelButtonColor: '#dd3333',

confirmButtonText: 'Evet, Sil',

cancelButtonText: 'İptal'

}).then((result) => {
			//Evet Sil Butonuna tıkladı
            if (result.isConfirmed) {
            	//Burada veritabanı gibi işlemleri yapabilirsiniz
            	title = "Resim Silindi.";
            	text  = "Resim Silme İşlemi Başarıyla Tamamlandı";
            	MesajGoster('success', title, text);
            }

}); 
	}
</script>
<script type="text/javascript" src="https://ismailgultekin.com/js/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9/dist/sweetalert2.min.js"></script>
</body>
</html>

Paylaş Linki Kopyala Sitene Ekle

Jquery Alert, Sweet alert, Dialog Kullanımı

Kodu Kaydet

Sitenize Ekleyin

Kodu
Kaydet