css로 작성하고 inc 파일로 처리한 메뉴, on 처리 어떻게 할까요?
봄여우
http://fleamadonna.wsbns.com/main/main.php
3depth 메뉴이구요 메뉴는 인크루드 파일로 불러오게 해놨습니다.
스크립트 없이 CSS 로만 처리했습니다.
문제는 각 페이지에 들어갔을때
해당되는 2depth 나 3depth 메뉴가 ON 되있어야 하는데
CSS로만 처리해놔서 작업이 난감하네요;
힌트 좀 부탁드려요~!
-
뽀글이 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
이런식으로 매칭