일정 게시판에서 날짜 클래스명을 바꾸어 주려면
본문
안녕하세요? 일정 게시판에서 글쓰기 페이지에서 일정 체크박스를 클릭하면 목록에서 날짜 숫자 색깔을 바꾸어 주려고 합니다.
잘 생각 해보니 일요일은 날짜 숫자 색깔이 빨간색이니까 체크박스의 클래스 명을 일요일을 지칭하는 클래스 명으로 바꾸어 주면 될거라고 생각해서 코드를 아래와 같이 만들었습니다.
if ($write['wr_7'] == '휴일') {
$option_holiday = 'checked';
echo '
<script>
// JavaScript 코드
document.addEventListener("DOMContentLoaded", function() {
// 체크박스 체크 시 동작할 스크립트
var checkbox = document.getElementById("wr_7");
checkbox.addEventListener("change", function() {
if (this.checked) {
// 체크되었을 때의 동작
calendar.classList.add("fc-sun");
} else {
// 체크가 해제되었을 때의 동작
calendar.classList.remove("fc-sun"); // 기본 색상으로 변경하거나 다른 스타일을 적용할 수 있습니다.
}
});
});
</script>';
} else {
$option_holiday = '';
}
$option .= "\n".'<input type="checkbox" id="wr_7" name="wr_7" value="휴일" '.$option_holiday.'>'."\n".'<label for="wr_7">휴일</label>';
하지만 날짜 숫자 색깔이 빨간색으로 변하지 않는데요 ..
제가 어떤 부분을 더 살펴보면 될까요?
답변 2
달력가져오는 스크립트 소스단에다가 해당 날짜가 휴일인지 아닌지 여부를 체크해서 해당 날짜가 휴일인 경우에 해당 표기되는 id값을 주어 해당 id값인경우 class 값이 적용되도록 해주시면 될듯 합니다.
강력한 새로고침도 해보셨나요?