자바스크립트의 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 알림과 흡사하게 생겼다. 필자는 글을 작성한 뒤에 띄우거나 중요한 메세지가 아닌 경우에 이용하였다. 확인,취소버튼 기능도 있다.