게시물 페이지 구간에 현재 보고있는 구간은 음영을 넣어서
사용자가 몇페이지 구간에 있는지 알수 있도록 표시.
요렇게 나오게.
list jsp
appendPageActive() 함수에서 현재 페이지 구간 음영 처리 하기
1. 현재 내가 보고 있는 페이지 넘버를 구하고
2. 게시물 페이지 구간에 있는 li들을 구한 후
3. 현재 내가 보고 있는 페이지 구간과 일치하는 li에 classList.add 하여 음영을 처리하는 클래스 추가 후 break;
※ 페이지 구간 표시가 숫자가 아닐 경우를 대비하여
data 속성을 활용 한다.
'Spring' 카테고리의 다른 글
[@MyBatis] 검색 기능 만들기 22.07.20 - #1# [10일차] (0) | 2022.07.20 |
---|---|
[@MyBatis 시작] 설정 - 활용 - 동적SQL 22.07.20 [10일차] (0) | 2022.07.20 |
■□ # 페이징 처리- 서비스-컨트롤러- jsp 마무리 [게시판 만들기_쌤이랑 실습] _9일차 (0) | 2022.07.19 |
■□ # 페이징 처리- 페이지 번호 배치 _ jsp / 부트스트랩 활용 [게시판 만들기_쌤이랑 실습] _9일차 (0) | 2022.07.19 |
■□ #Controller구현 redirectAttributes / 조회수 / 게시물 삭제 / 게시물 수정 / [게시판 만들기_쌤이랑 실습] _9일차 (0) | 2022.07.19 |