크롬80버전 결제 이슈, 영카트5 주요패치 확인!

현재페이지에서 내비게이션에 add class하기

컨텐츠몰 10% 할인
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
현재페이지에서 내비게이션에 add class하기

QA

가정의 달 맞이 SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

현재페이지에서 내비게이션에 add class하기

본문

서브페이지마다 탑 메뉴가 있습니다.

각 서브로 넘어갈때 그 탑 메뉴에 클래스를 추가하고싶습니다.

 

근데 각페이지마다로 떨어지는걸 어떻게 해아할지 참 모르겠습니다! php언어는 지식이 전무한 상태라 이것 저것 짜깁기하려다 실패해서요..

 

//html

<div class="top_menu" id="sub_top_menu">
        <ul>
            <li><a href="<?php echo G5_URL ?>/page/menu1.php">메뉴1</a></li>

            <li><a href="<?php echo G5_URL ?>/page/menu2.php">메뉴2</a></li>

            <li><a href="<?php echo G5_URL ?>/page/menu3.php">메뉴3</a></li>

            <li><a href="<?php echo G5_URL ?>/page/menu4.php">메뉴4</a></li>
        </ul>
    </div>

 

//css

.top_menu ul li a {
   color:#ff0000;
}

 

 

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

Dessi님의 답변

그냥 단순하게 이렇게 해도 될겁니다. url 뒷 주소가 현재 페이지면은 class on을 추가해주는 방식입니다.

            <li><a href="<?php echo G5_URL ?>/page/menu1.php" <?php if($_SERVER['REQUEST_URI'] == "/page/menu1.php") echo " class = 'on'"; ?>>메뉴1</a></li>
            <li><a href="<?php echo G5_URL ?>/page/menu2.php" <?php if($_SERVER['REQUEST_URI'] == "/page/menu2.php") echo " class = 'on'"; ?>>메뉴2</a></li>
            <li><a href="<?php echo G5_URL ?>/page/menu3.php" <?php if($_SERVER['REQUEST_URI'] == "/page/menu3.php") echo " class = 'on'"; ?>>메뉴3</a></li>
            <li><a href="<?php echo G5_URL ?>/page/menu4.php" <?php if($_SERVER['REQUEST_URI'] == "/page/menu4.php") echo " class = 'on'"; ?>>메뉴4</a></li>
<style>
.top_menu ul li a.on {
   color:#ff0000;
}
</style>

 

그런데 이게 코드가 너무 지저분해져서 제이쿼리로도 href 속성 값 가져와서 on class 추가해주는 식으로 가능도 할것 같네요.

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 12,118
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여0 회 시작20.05.27 19:24 종료20.06.01 19:24

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT