alert 바꿔서 효과주기(sweetalert) > 그누보드5 팁자료실

그누보드5 팁자료실

alert 바꿔서 효과주기(sweetalert) 정보

alert 바꿔서 효과주기(sweetalert)

본문

alert 에 효과를 주는 스크립트입니다.

적용하면 기본으로 적용됩니다. 자세한 내용은 사이트를 참조하시면 됩니다.

https://sweetalert.js.org/

 

 

적용하실 페이지나 그누보드 head 에 넣어서 전체 적용하셔도 됩니다.


add_javascript('<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>', 10);

 

변경하실 코드에 alert 를 swal 로 변경하시면 끝입니다.


swal("상품을 장바구니에 추가하였습니다.", "", "success");
추천
10

댓글 12개

감사합니다. 너무 좋네요.

저처럼 alert을 여러군데서 쓴다면 일일이 바꿔줘여 해서 좀 불편할 때는 다음과 같이 하면 좀더 편하게 하실수 있어요.

SweetAlert2 (swal)를 사용하여 기존의 모든 alert을 그대로 사용하면서 swal로 다 대체할 수 있습니다. 다음과 같이 구현할 수 있습니다.

 

head.sub.php에


// ... existing code ...
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
// ... existing code ...

 

그리고 모든 alert을 swal로 대체하기 위해 다음 JavaScript 코드를 head.php 파일에 추가하세요.


// ... existing code ...
<script>
    // 기존 스크립트 유지
    $(function(){
        $(".gnb_menu_btn").click(function(){
            $("#gnb_all, #gnb_all_bg").show();
        });
               
        $(".gnb_close_btn, #gnb_all_bg").click(function(){
            $("#gnb_all, #gnb_all_bg").hide();
        });
    });
 
    // alert을 swal로 대체
    window.alert = function(message) {
        Swal.fire({
            text: message,
            icon: 'info',
            confirmButtonText: '확인'
        });
    };
</script>
// ... existing code ...

 

이렇게 하면 기존의 모든 alert() 호출이 자동으로 SweetAlert2로 대체됩니다.
기존 alert코드를 수정할 필요가 없습니다.

 

@페레이라 비회원..그건 상관없이 작동되야합니다...주소이동은 새창으로 이동되면 당연히 새창에 새로운 SWAL문을 입력하지않는한 작동안될겁니다.

계속 안되면 안되는 url이나 부분 source를 알려주시면 확인될수도 있을 듯 합니다.

전체 2,617 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT