alert 대체 라이브러리 alertifyjs

자바스크립트의 alert가 띄어진 상태는 javascript 진행이 멈춰버리고, 브라우저마다 alert창의 모양이 다르기 때문에 디자인적으로도 좋지 않다. 그래서 나에게 맞는 다른 alert를 찾아보기 시작하였다.

javasciprt의 alert

0

부트스트랩의 alert

Success! This alert box indicates a successful or positive action.

부트스트랩에도 alert이 있는데 alert 위치에 따라 보일수도 안보일수도 있어서 내 경우에 적합하지 않았다.

alertifyjs

<!-- JavaScript -->
<script src="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/alertify.min.js"></script>

<!-- CSS -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css">
<!-- Default theme -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/default.min.css">
<!-- Semantic UI theme -->
<button onclick="alertify_success()">Click!!</button>
<script>
function alertify_success(){
 alertify.success('메세지가 도착하였습니다!!');
}
</script>

windows의 push 알림과 흡사하게 생겼다. 필자는 글을 작성한 뒤에 띄우거나 중요한 메세지가 아닌 경우에 이용하였다. 확인,취소버튼 기능도 있다.

게시 범주: IT

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다