안녕하세요 같은 게시판을 쓰고 있는데 카테고리 별로 다른 클래스를 주고 싶어요

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
안녕하세요 같은 게시판을 쓰고 있는데 카테고리 별로 다른 클래스를 주고 싶어요

QA

안녕하세요 같은 게시판을 쓰고 있는데 카테고리 별로 다른 클래스를 주고 싶어요

답변 2

본문

php문 말고 스크립트로 해결할 수 있을까요 ??

 

~~.cafe24.com/board/faq/list.html?board_no=6&category_no=2

이런식으로 리스트페이지에서 카테고리 별로 나뉘어져있는데 카테고리 페이지마다 클래스를 주고 싶어요 ㅠㅠ 

 

이 질문에 댓글 쓰기 :

답변 2


<script>
  document.addEventListener("DOMContentLoaded", function() {
    // 현재 URL에서 쿼리 파라미터 가져오기
    const params = new URLSearchParams(window.location.search);
    const categoryNo = params.get('category_no');
    // 카테고리 번호에 따라 클래스 추가
    if (categoryNo) {
      document.body.classList.add(`category-${categoryNo}`);
    }
  });
</script>

이 스크립트는 페이지가 로드될 때 URL의 쿼리 파라미터에서 category_no 값을 가져오고, 그 값을 바탕으로 body 요소에 category-2, category-3 등의 클래스를 추가합니다. 이제 CSS에서 이 클래스를 사용해 스타일을 조정할 수 있습니다.

필요에 따라 클래스 이름이나 추가할 요소를 수정할 수 있으니, 상황에 맞게 조정해보세요!

 

 

chatgpt 의 답변이였습니다.

리스트 스킨 상단에


if (isset($_GET['category_no'])) {
    switch ($_GET['category_no']) {
        case 1:
            add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style1.css">', 0);
            break;
        case 2:
            add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style2.css">', 0);
            break;
        // 추가 카테고리 번호에 대한 케이스를 계속 추가할 수 있습니다.
        default:
            // 기본 스타일 시트 (필요한 경우)
            add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/default.css">', 0);
            break;
    }
}


이렇게 하시면 됩니다. 답변하고 보니 엉뚱한 답변인듯하네요.
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 0
© SIRSOFT
현재 페이지 제일 처음으로