웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
V3 게시판 (분류메뉴-2단계지원) 일반 게시판으로 옮겨 사용하기
2011.09.09 19:05
제가 사용한 방식입니다.
저 같은 경우는 리스트 형태에 있는 카테고리 형태 부분을 다 지우고 header 부분에 넣어서 사용했습니다. <form>의 z-index 값이 높기 때문에 세로 나열을 사용하실 분들은 <form>을 감싸는 div를 만들고 카테고리를 탭처리 한 부분의 z-index 값보다 낮게 설정하셔야 합니다 . - 상세한 설명은 손가락 품을 팔아 보시라는 말로 ^^&
{@ $cate_list = array(); $current_key = null; }
저 같은 경우는 리스트 형태에 있는 카테고리 형태 부분을 다 지우고 header 부분에 넣어서 사용했습니다. <form>의 z-index 값이 높기 때문에 세로 나열을 사용하실 분들은 <form>을 감싸는 div를 만들고 카테고리를 탭처리 한 부분의 z-index 값보다 낮게 설정하셔야 합니다 . - 상세한 설명은 손가락 품을 팔아 보시라는 말로 ^^&
{@ $cate_list = array(); $current_key = null; }
<!--@foreach($category_list as $key=>$val)-->
<!--@if(!$val->depth)-->
{@
$cate_list[$key] = $val;
$cate_list[$key]->children = array();
$current_key = $key;
}
<!--@elseif($current_key)-->
{@ $cate_list[$current_key]->children[] = $val }
<!--@end-->
<!--@end-->
일단 탭이 들어가는 부분위에 위 내용을 넣습니다. 저도 php를 잘 모르기에 하여튼 위에서 변수를 바꾸기에 아래와 같은 배열이 가능해 집니다.
<ul class="cTab" cond="$module_info->use_category=='Y'">
일단 탭이 들어가는 부분위에 위 내용을 넣습니다. 저도 php를 잘 모르기에 하여튼 위에서 변수를 바꾸기에 아래와 같은 배열이 가능해 집니다.
<ul class="cTab" cond="$module_info->use_category=='Y'">
<li class="on"|cond="!$category"><a href="{getUrl('category','','page',''+
')}">{$lang->total}</a></li>
<li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl"><a href="{getUrl(category,$val->category_srl,'document_srl','')}">{$val->title}<!--<em cond="$val->document_count">[{$val->document_count}]</em>--></a>
<ul cond="count($val->children)">
<li loop="$val->children=>$idx,$item" class="on_"|cond="$category==$item->category_srl"><a href="{getUrl(category,$item->category_srl,'document_srl'+
','')}">{$item->title}<!--<em cond="$val->document_count">[{$item->document_count}]</em>--></a></li>
</ul>
</li>
</ul>
위 부분이 분류를 탭형식이든 메뉴형식이든 활용할 수 있는 2단으로 배열할 수 있는 html 구조입니다.
나머지 2단메뉴가 엑티브일때 상위 메뉴에 클라스 명을 넣어 활성화 됨을 표현하기 위한 js
$('.cTab>li>ul>li.on_').parents('li:first').addClass('on');
가급적 v3 게시판 탭형식을 한번 읽어 보시기를 권해 드리며 저 부분만 어느 게시판이든 옮겨 가시면 탭형식의 메뉴든 어떤 메뉴형식이든 변형이 가능합니다.
주의 할 점은...
$('.cTab>li>ul>li.on_').parents('li:first').addClass('on'); 이런 형식이어야 활성화된 2차 메뉴의 상위 메뉴에 클라스명을 먹일 수 있다는 겁니다.
php로 변수값을 바꿔도 정확하게 아버지 아들 구조는 아닌거 같습니다.
그냥 아무생각 없이 $('li.on_').parents().parents('li').addClass('on');로 나갔더니 1차 메뉴의 모든 li에 클라스명 on이 먹히더군요
위 부분이 분류를 탭형식이든 메뉴형식이든 활용할 수 있는 2단으로 배열할 수 있는 html 구조입니다.
나머지 2단메뉴가 엑티브일때 상위 메뉴에 클라스 명을 넣어 활성화 됨을 표현하기 위한 js
$('.cTab>li>ul>li.on_').parents('li:first').addClass('on');
가급적 v3 게시판 탭형식을 한번 읽어 보시기를 권해 드리며 저 부분만 어느 게시판이든 옮겨 가시면 탭형식의 메뉴든 어떤 메뉴형식이든 변형이 가능합니다.
주의 할 점은...
$('.cTab>li>ul>li.on_').parents('li:first').addClass('on'); 이런 형식이어야 활성화된 2차 메뉴의 상위 메뉴에 클라스명을 먹일 수 있다는 겁니다.
php로 변수값을 바꿔도 정확하게 아버지 아들 구조는 아닌거 같습니다.
그냥 아무생각 없이 $('li.on_').parents().parents('li').addClass('on');로 나갔더니 1차 메뉴의 모든 li에 클라스명 on이 먹히더군요
그래서 다시 v3 게시판의 js를 보고 수정해서 저도 사용했습니다. ^^
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
XE 모듈 만들기 [13] | 우진홈 | 2011.09.17 |
갑자기 로그인(관리자 및 회원)이 안되는 경우 [2] | 비밀얌 | 2011.10.02 |
특정 확장변수를 로그인한 회원에게만 보이게 하기 [3] | 비밀얌 | 2011.09.17 |
XE1.5.0.2 설정->파일박스 버튼이 표시되지 않는 문제 해결 방법 | gayeon | 2011.10.02 |
XE 1.5 executeQuery 해결방법 [9] | 웹기프트 | 2011.09.29 |
최근 게시물 출력시 카테고리(분류) 표시하기.. [5] | 엘카인 | 2009.01.30 |
xe_member 테이블에서 extra_vars 필드 분리하기... [1] | 맘편한넘 | 2011.02.26 |
1.5 베타 크롬css 읽기 | 샤르냥 | 2011.09.29 |
HTTP 406 Error 가 나오면서 업로드 안될때 [16] | plruto | 2008.02.08 |
도메인 연결시에 화면 깨짐/스크롤시 화면 깨짐 간단해결법. [4] | YdoubleU | 2007.11.05 |
참고용 - PNG 이용한 RGBa 흉내 데모 [1] | 키네시스 | 2011.09.14 |
관리자 무한추천 팁과 추천인/비추천인 표시팁의 충돌 [1] | ForHanbi | 2011.09.10 |
1.4.5.5 첨부파일 문제입니다 [4] | codochi | 2011.04.23 |
V3 게시판 (분류메뉴-2단계지원) 일반 게시판으로 옮겨 사용하기 | ForHanbi | 2011.09.09 |
웹폰트의 개념과 사용법 [2] | hika1 | 2011.05.26 |
모듈 join_extend(주민번호 확인 모듈)과 DD_belatedPNG의 충돌 [2] | ForHanbi | 2011.09.02 |
blogapi 사진이 포함된 글 [1] | 리남철 | 2011.09.02 |
직접 ftp를 이용하여 게시물과 회원정보등 데이터 베이스 백업이 가능한가요 [1] | 뉴늅 | 2011.09.06 |
플래닛XE - Me2day 연동시 참고사항입니다. | 파산팩토리 | 2008.12.07 |
각 게시판별 하루 글 작성수 제한하기 (게시판 스킨 수정) | 도라란 | 2011.08.31 |