HTML <HAED>부분에 스크립트추가
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
기존의 alert("메세지)를 바꿔쓰려면
swal({
title: "타이틀",
text: "내용",
icon: "info" //"info,success,warning,error" 중 택1
})
기본 alert()을쓸때
alert("hello world");
스위트알럿을쓸때
swal({
title: "Hello",
text: "World!",
icon: "info" //"info,success,warning,error" 중 택1
});
기존의 confirm("Y/N?") 을 바꿔쓰려면
swal({
title: "타이틀",
text: "내용",
icon: "info" //"info,success,warning,error" 중 택1
buttons: ["YES", "NO"],
}).then((YES) => {
if (YES) {
/* "YES"클릭시 로직 */
}
});
기존의 confirm()을 쓸때
var flag = confirm("Y/N?");
console.log(flag);
스위트알럿을 쓸때
var flag;
var swal = swal({
title: "Y/N?",
text: "",
icon: "info",
buttons: ["NO", "YES"]
}).then((YES) => {
if (YES) {
flag = true;
}else{
flag = false;
}
});
Promise.all([swal]).then(function(){
console.log(flag);
});
'DEV > Javascript&JQuery' 카테고리의 다른 글
| 제이쿼리 테이블 행 정보 뽑기 (0) | 2018.10.10 |
|---|---|
| 제이쿼리 테이블안에 버튼눌러서 행삭제 (0) | 2018.10.10 |
| 제이쿼리 ajax 한꺼번에 많은양 데이터 넘길때 (0) | 2018.10.10 |
| 제이쿼리 데이트피커 기간선택 (0) | 2018.10.10 |
| 제이쿼리 오늘날짜 받아오기 (0) | 2018.10.10 |
