수다닷컴

css로 작성하고 inc 파일로 처리한 메뉴, on 처리 어떻게 할까요?

비예 2025.11.04 댓글 7

http://fleamadonna.wsbns.com/main/main.php
3depth 메뉴이구요 메뉴는 인크루드 파일로 불러오게 해놨습니다.
스크립트 없이 CSS 로만 처리했습니다.
문제는 각 페이지에 들어갔을때
해당되는 2depth 나 3depth 메뉴가 ON 되있어야 하는데
CSS로만 처리해놔서 작업이 난감하네요;
힌트 좀 부탁드려요~!

댓글 7

  • 리라 2025.11.04

    브라우져 콘솔창에서 location.pathname 한번 쳐보세요~
    답 나오실듯^^

  • 핫팬츠 2025.11.04

    어렵네요ㅠㅠ;; 답변 감사합니다, 참고해서 꼭 해내도록 할게요ㅎㅎ

  • 초코향 2025.11.04

    현재 스크립트만 가지고 할려면 현재 주소를 가져와서 특정 유니크한 값일때 on/off 처리를 해줘야 하는데
    좀 url 파싱도 해야되고 귀찮은 부분이 많아져서 보통 서버에서 처리를 하게되는데
    서버쪽을 수정이 가능하다면 서버에서 값을 넘겨주는것이 좋구요.
    안된다면 현재로썬 url를 검사해서 넣어줘야 될거 같네요.

  • 소율 2025.11.04

    답변 감사합니다! 일단 보류시켰고, 나중에 짬날때 해결해보도록 해야겠어요!

  • 딥체리 2025.11.04

    menuNo = 0;
    \t
    $(\#header #menu li\).each(function(n){
    \tif(menuNo == n) {
    \t\t$(this).find(\a\).addClass(\current\);
    \t}
    });

    이런식이 되겠고, 2depth니까 이중으로 each돌리면 되겠지요~

  • 화이트 2025.11.04

    이해는 되는데 막상 스크립트 짜려고 하니 어렵네요ㅠㅠ
    혹시 참조할만한 url 이 있을까요^^?

  • 갅지삘여우 2025.11.04

    보통 on / off 처리를 script로 하거나, 서버 언어가지고 많이들하는데요-

    각 페이지에 depth1 , depth2, depth3 숫자를 넣는다.
    공통 페이지에서 depth1, depth2, depth3 숫자가지고 해당하는 nav를 class=\on\ 을 추가한다.
    ex )
    depth1 = about 1
    depth1 = collection 2
    depth2 = 2014_15 A/W 1
    depth2 = 2014_15 S/S 2

    이런식으로 매칭

프로그램 개발일반 다른 글

목록