sweetalert2

sweetalert2.min.css

0.02MB

sweetalert2.min.js

0.04MB

min.css 파일 ⇒ src.main.webapp.resources.css 폴더 넣기

min.js파일 ⇒ src.main.webapp.resources.js폴더 넣기

<script type="text/javascript" src="/resources/js/sweetalert2.min.js"></script>

script 넣어서 Swal 이라는 객체 사용 가능

showConfirmButton ⇒ 확인 버튼

	//sweetalert띄어보자 3초간 보임
var Toast = Swal.mixin({
    toast:true,
    position:"top-end",
    showConfirmButton:false,
    timer:3000
});
Toast.fire({
    icon:"success",
    title:"우편번호가 검색되었습니다."
})

다음지도 예시

$(function(){
	//다음 우편번호 검색
	$("#btnPost").on("click",function(){
		new daum.Postcode({
			//다음 창에서 검색이 완료되면 콜백함수에 의해
			//결과 데이터가 data 객체로 들어옴
			oncomplete:function(data){
				$("#postNum").val(data.zonecode);
				$("input[name='empAddress']").val(data.address);
				$("#empAddress2").val(data.buildingName);
				
				//sweetalert띄어보자 3초간 보임
				var Toast = Swal.mixin({
					toast:true,
					position:"top-end",
					showConfirmButton:false,
					timer:3000
				});
				Toast.fire({
					icon:"success",
					title:"우편번호가 검색되었습니다."
				})
			}
		}).open();
	});