묻고답하기
외부에서 각각의 탭에 링크 걸기
2014.05.22 11:53
외부에서 각각의 탭에 링크 시킬 수 있는 방법이 있을까요?
즉 a라는 페이지에 탭1/탭2/탭3/탭4 이런 순서로 탭이 구성되어있을때,
메인이나 메뉴에서 특정 버튼을 클릭하면 b페이지의 탭1이 기본으로 보여지다가
링크타서 오면 특정탭이 보여지게 하고 싶습니다.
어떤분께서 아래와 같이 답변을 주셨는데,
그럼 이렇게 해보세요. b 페이지 스크립트에서 <? if($_GET("opentab")=='b'){ ?> $(".tab_content:first").show(); <? } else { ?> $("#tab2").show(); <? } ?> |
저는 겨우 소스만 찾아 붙여넣기 하는 정도의 수준이라, 어떻게 적용시켜야 할지, 나름 이것저것 시도는 해보았는데
오류가 나거나 적용이 안되더군요.
xe에 쓰는 문법이 따로 있는지, 왠지 구현될 것 같은데 도저히 방법을 모르겠어요 ㅠ.ㅠ
참고로 xe코어는 1.7.5이구요, 고수님들~~ 도와주세요오~~
ex ) 서브메뉴 2를 클릭했을 경우, a페이지의 tab2가 활성화
아래는 소스입니다.
-----메뉴----------------------------------------------------------------------------
<div id="menu">
<div id="nav">
<ul>
<li><a href="si_sub1_1">메뉴1</a></li>
<li><a href="si_sub2_1">메뉴2</a>
<ul>
<li><a href="#"
>서브메뉴1</a></li>
<li><a href="#"
>서브메뉴2</a></li>
<li><a href="#"
>서브메뉴3</a></li>
<li><a href="#"
>서브메뉴4<</a></li>
</ul>
</li>
<li><a
href="si_sub3_1">메뉴3</a></li>
<li><a
href="si_sub4_1">메뉴4</a></li>
<li><a
href="si_sub5_1">메뉴5</a>
<ul>
<li><a
href="si_sub5_1">메뉴6</a></li>
<li><a
href="si_sub5_2">메뉴7</a></li>
<li><a
href="si_sub5_3">메뉴8</a></li>
</ul>
</li>
<li><a href="#">메뉴9</a>
<ul>
<li><a
href="#">서브메뉴5</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
--------------------------------------------------------------------------------------------
$(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").removeClass("tabs1").css("color","#000");
//$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});
$(this).addClass("tabs1").css("color","#fff");
$(".tab_content").hide()
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn()
});
});
</script>
<div id="container">
<li class="tabs1" rel="tab1">탭1</li>
<li rel="tab2" class="tabs2">탭2</li>
<li rel="tab3" class="tabs3">탭3</li>
<li rel="tab4" class="tabs4">탭4</li>
</ul>
test1
</div><!-- #tab1 -->
<div id="tab2" class="tab_content">
test2
</div><!-- #tab2 -->
<div id="tab3" class="tab_content">
test3
</div><!-- #tab3 -->
</div> <!-- .tab_container -->
</div>
------------------------------------------------------------------------------------
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
모해 | 권한이 없을때 권한이 없다는 페이지가 뜨지않고 오류가뜹니다. | |
준스 | 업데이트가 안됩니다. 알려주세요..ㅠㅜ [7] | 2014.05.22 by GG |
꿀댕이 | 메일링 문의 [2] | 2014.05.22 by 꿀댕이 |
wmrcjs | 초보자에게 간절한 도움 부탁드립니다ㅠㅠ 로그인 문제입니다!! [2] | 2014.05.22 by wmrcjs |
탄탄 | 메일 인증 문제 | |
wmrcjs | 초보자에게 간절한 도움 부탁드립니다ㅠㅠ 로그인 문제입니다!! | |
임실치즈 | 답변달기 기능 ?? 게시판 [7] | 2014.05.22 by 애니즌 |
환생77 | 레이아웃 스킨 xdt_style_b를 사용하는데요..서브메뉴출력에.. | |
파워뭉치 | 특정 게시판에서 글쓰고 원하는 페이지로 이동하는 방법 좀 부탁드려요^^ | |
환생77 | 푸터부분에...메뉴를 넣고싶은데... [8] | 2014.05.22 by 로이조52 |
나의해 | 회원가입 휴대폰인증 조언부탁드립니다 [2] | 2014.05.22 by 나의해 |
XE모듈 | 물어봅니다..CafeXe [6] | 2014.05.22 by XE모듈 |
로양 | 제이쿼리 충돌문제 [3] | 2014.05.22 by 애니즌 |
로양 | 관리자페이지 깨짐 [4] | 2014.05.22 by 로양 |
로양 | 외부에서 각각의 탭에 링크 걸기 | |
브라보 | 게시판 글쓰기가 안됩니다 | |
송아지왕아톰학생 | 위젯 올릴때 위젯페이지 가로크기 조절을하고싶습니다. [2] | 2014.05.22 by 낮술1잔 |
울뜨라 | 통합검색 게시판 설정 어디서 하나요? [1] | 2014.05.22 by 울뜨라 |
백년여우 | XE 최초 설치 후.. [2] | 2014.05.22 by 이즈야 |
zartin | 방문자 현황 위젯 [2] | 2014.05.22 by zartin |