alert창을 SweetAlert2를 사용해서 바꾸기
본문
// 출석 시간 체크
if (date("H:i:s") < $att_start_time || date("H:i:s") > $att_end_time) {
alert("출석 시간이 아닙니다.");
exit;
}
// 출석 시간 체크
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
cdn이 잘못된것 같은데요.
사용중이신건 1인것 같고
2는
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
이걸로 바꿔보세요,
안녕하세요!
<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파일을 불러오시는게 어떨지...
<?
// 출석 시간 체크
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 로 감싸주시면 될 것 같습니다.
답변 감사드립니다 우선 위소스와 동일하게 적용시에도
페이지가 작동하지 않습니다 라고 나오네요 ㅠ
전체 흐름은 몰겠지만
Swal.fire({
text: "출석 시간이 아닙니다."
}).then((ok) => {window.history.back()});
이부분을 바꿔보세용.
1안.
swal.fire({
text: "출석 시간이 아닙니다."
}).then((ok) => {
if (ok) {
window.history.back()
}
});
2안.(2버전기준)
swal.fire({
text: "출석 시간이 아닙니다."
}).then((ok) => {
if (ok.isConfirmed) {
window.history.back();
}
});
3안 (간단버젼)
swal.fire({
text: "출석 시간이 아닙니다."
}).then(() => { window.history.back() });
<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이거 하나만 사용합니다.
