Instruction
Sweetalert Plugin Click Here
HTML


    

Sweet Confirm

CSS


    /* No CSS */

Javascript

   /* SweetAlert Javascript control function */


document.querySelector('.sweet-wrong').onclick = function(){
 sweetAlert("Oops...", "Something went wrong !!", "error");
};
document.querySelector('.sweet-message').onclick = function(){
swal("Hey, Here's a message !!")
};
document.querySelector('.sweet-text').onclick = function(){
swal("Hey, Here's a message !!", "It's pretty, isn't it?")
};
document.querySelector('.sweet-success').onclick = function(){
swal("Hey, Good job !!", "You clicked the button !!", "success")
};


 document.querySelector('.sweet-confirm').onclick = function(){
 swal({
title: "Are you sure to delete ?",
text: "You will not be able to recover this imaginary file !!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it !!",
closeOnConfirm: false
},
function(){
swal("Deleted !!", "Hey, your imaginary file has been deleted !!", "success");
});
};




document.querySelector('.sweet-success-cancel').onclick = function(){
swal({
title: "Are you sure to delete ?",
text: "You will not be able to recover this imaginary file !!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it !!",
cancelButtonText: "No, cancel it !!",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm){
if (isConfirm) {
swal("Deleted !!", "Hey, your imaginary file has been deleted !!", "success");
}
else {
swal("Cancelled !!", "Hey, your imaginary file is safe !!", "error");
}
});
};



document.querySelector('.sweet-image-message').onclick = function(){
swal({
title: "Sweet !!",
text: "Hey, Here's a custom image !!",
imageUrl: "assets/images/hand.jpg"
});
};
document.querySelector('.sweet-html').onclick = function(){
swal({
title: "Sweet !!",
text: "Hey, you are using HTML !!",
		html: true
	});
};
document.querySelector('.sweet-auto').onclick = function(){
	swal({
		title: "Sweet auto close alert !!",
		text: "Hey, i will close in 2 seconds !!",
		timer: 2000,
		showConfirmButton: false
	});
};
document.querySelector('.sweet-prompt').onclick = function(){
	swal({
		title: "Enter an input !!",
		text: "Write something interesting !!",
		type: "input",
		showCancelButton: true,
		closeOnConfirm: false,
		animation: "slide-from-top",
		inputPlaceholder: "Write something"
	},
	function(inputValue){
		if (inputValue === false) return false;
		if (inputValue === "") {
			swal.showInputError("You need to write something!");
			return false
		}
		swal("Hey !!", "You wrote: " + inputValue, "success");
	});
};
document.querySelector('.sweet-ajax').onclick = function(){
	swal({
		title: "Sweet ajax request !!",
		text: "Submit to run ajax request !!",
		type: "info",
		showCancelButton: true,
		closeOnConfirm: false,
		showLoaderOnConfirm: true,
	},
	function(){
		setTimeout(function(){
			swal("Hey, your ajax request finished !!");
		}, 2000);
	});
};