게시판 분류 css 문의드립니다.
본문
안녕하세요
페이지 이동을해도 css 남아있게 되어있는데
분류값을 별도로 이렇게 사용할려고 하는데
css가 다빠져잇더라구요 ㅠㅠ
어떻게해야 게시판 분류 선택해도 해당값에 css가 들어올 수 있게할수있을까요`?
<ul>
<h2>문서함</h2>
<li><a href="/bbs/board.php?bo_table=do">전체</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=총무">총무</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=인사">인사</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=영업">영업</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=공통">공통</a></li>
<ul>
답변 2
어디에 선택하는게 들어가시는지 모르겠는데
if문을 검색해보시고 $sca 변수명에 따라서 해당 선택하는 부분이 들어가게 작업을 하시면 될 거 같습니다.
id="bo_cate_on" 이거를 css를 넣어도 분류페이지여도 css가 적용이 안되서요 ㅠㅠ
$sca 변수를 사용해 현재 활성화된 분류를 식별하고,
해당 분류에 특정 클래스,예를 들어 class="active"를 동적으로 추가해야 합니다.
이를 위해 if 조건문을 활용하여 HTML 출력 시
각 분류 링크에 현재 $sca 값과 비교하여 필요한 클래스가 추가되도록 처리하여 보세요.
<h2> 태그는 블록 요소이며 <ul> 태그 안에 사용하는 것은
HTML 구조적으로 적절하지 않습니다. <ul> 태그 위로 이동해야 합니다.
아래 코드를 참고하여 board.php에서 분류를 출력하는 부분을 수정하십시오.
<h2>문서함</h2>
<ul>
<li><a href="/bbs/board.php?bo_table=do" <?= !$sca ? 'class="active"' : '' ?>>전체</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=총무" <?= $sca == '총무' ? 'class="active"' : '' ?>>총무</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=인사" <?= $sca == '인사' ? 'class="active"' : '' ?>>인사</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=영업" <?= $sca == '영업' ? 'class="active"' : '' ?>>영업</a></li>
<li><a href="/bbs/board.php?bo_table=do&sca=공통" <?= $sca == '공통' ? 'class="active"' : '' ?>>공통</a></li>
</ul>
＊$sca 변수 활용: 각 링크의 href 파라미터 값과 현재 $sca 값이 일치하는지 확인합니다.
＊class="active" 추가: 조건에 따라 class="active"를 동적으로 추가하여 CSS를 적용합니다.
＊CSS 작성: active 클래스에 원하는 스타일을 추가합니다. 예를 들어
.active {
font-weight: bold;
color: #007BFF;
}
※ 추가 점검 사항
＊$sca 변수가 URL 파라미터에서 제대로 초기화되는지 확인
// board.php 상단에 추가
$sca = isset($_GET['sca']) ? $_GET['sca'] : '';
＊CSS 파일이 제대로 로드되고 .active 클래스 스타일이 적용되는지 확인
＊다른 CSS 스타일과 충돌하지 않는지 점검
- 방법: 개발자 도구(F12)를 열고, 선택된 링크에 class="active"가 추가되었는지 확인.
또한, CSS 파일이 정상적으로 로드되었는지와 스타일 충돌 여부도 확인.
위의 방안은 검색 등을 이용한 것으로, PHP 기반 웹 애플리케이션에서
URL 파라미터를 기반으로 CSS를 적용하는 일반적인 해결책입니다.
그래도 문제가 발견된다면
URL 파라미터 처리,
CSS 로드 여부,
충돌되는 다른 스타일 등을 추가로 점검하십시오.