alert창을 SweetAlert2를 사용해서 바꾸기 채택완료

스크립트 변수 선언 후
Copy
// 출석 시간 체크
if (date("H:i:s") < $att_start_time || date("H:i:s") > $att_end_time) {
    alert("출석 시간이 아닙니다.");
    exit;
}
기존 코드입니다 여기서 시스템 alert을 sweetalert 으로 바꾸고싶어
Copy
// 출석 시간 체크
if (date("H:i:s") < $att_start_time || date("H:i:s") > $att_end_time) {


<script>
Swal.fire({ 
    text: "출석 시간이 아닙니다."
}).then((ok) => {window.history.back()});
</script>
}

위와 같이 변경했는데 실제 실행 시 페이지 오류가 발생하네요 ㅠㅠ

어느부분이 문제인지 확인해주시면 감사하겠습니다

답변 5개

채택된 답변
+20 포인트

cdn이 잘못된것 같은데요.

사용중이신건 1인것 같고

2는

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

이걸로 바꿔보세요,

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

안녕하세요!

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
-> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

변경했는데도 증상은 동일합니다 ㅠ
php 소스 뺴고 스립트만 해보세요.(페이지 새로고침 하면 경고 떠야함)

만약 그래도 오류 뜬다면 php 변수 오류일겁니다.

댓글을 작성하려면 로그인이 필요합니다.

cdn 말고 로컬에서 js파일과 css파일을 불러오시는게 어떨지...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

<link href="//cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.min.js"></script>

이걸 먼저 실행하고 해 보세요.

저는 sweetalert.js이거 하나만 사용합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

전체 흐름은 몰겠지만
Swal.fire({ 
    text: "출석 시간이 아닙니다."
}).then((ok) => {window.history.back()});

이부분을 바꿔보세용.

1안.

Copy
swal.fire({ 

    text: "출석 시간이 아닙니다." 

}).then((ok) => {

    if (ok) {

        window.history.back()

    }

});

2안.(2버전기준)

Copy
swal.fire({ 

    text: "출석 시간이 아닙니다." 

}).then((ok) => {

    if (ok.isConfirmed) {

        window.history.back();

    }

});

3안 (간단버젼)

Copy
swal.fire({ 

    text: "출석 시간이 아닙니다." 

}).then(() => { window.history.back() });
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Copy
<?
// 출석 시간 체크
if (date("H:i:s") < $att_start_time || date("H:i:s") > $att_end_time) {
?>
<script>
Swal.fire({ 
    text: "출석 시간이 아닙니다."
}).then((ok) => {window.history.back()});
</script>
<?}?>

php와 js를 구분해주셔야할 것 같습니다.

<??> 표기나 echo 로 감싸주시면 될 것 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 감사드립니다 우선 위소스와 동일하게 적용시에도
페이지가 작동하지 않습니다 라고 나오네요 ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고