탭 최신글에서 게시판으로 바로가기 링크 거는 방법 -다시 질문 올립니다. 정보
탭 최신글에서 게시판으로 바로가기 링크 거는 방법 -다시 질문 올립니다.첨부파일
본문
저작자는 누군지 잊어버렸습니다.
(원 저작님께 사과드립니다.)
레이어로 최신글 여러개를 불러오는 탭최신글을 사용하고 있습니다.
탭을 한 번 클릭하면 최신글이 보이고
다시 한 번 클릭하면 해당 게시판으로 넘어가도록 수정하고 싶은데...
삽질꾼의 실력으로는 도저히 해결을 못하겠습니다.
(현재의 상태는 http://kukaknori.or.kr
에서 확인해주십시오.)
아래 다음과 같이 댓글을 달아주셨으나...
삽질밖에 할 줄 몰라서...
제 실력으로 전혀 방법을 모르겠습니다.
아주 구체적인 설명을 좀 부탁드립니다.
(아예 고쳐 주신다면 감사하겠습니다.)
댓글 달아주신 글
--------------------------------------------------------------------------
멋지군 11-03-12 15:59
onmouseover 로 처리가 되었군요...
onmouseover를 onclick 로 바꾸어보세요
onmouseover 로 처리가 되었군요...
onmouseover를 onclick 로 바꾸어보세요
Replace 11-03-12 19:20
onclick 할때 변수를 하나 두어 몇번째 크릭인지 체크후 이동하면 되겠군요
-----------------------------------------------------------------------
(원 저작님께 사과드립니다.)
레이어로 최신글 여러개를 불러오는 탭최신글을 사용하고 있습니다.
탭을 한 번 클릭하면 최신글이 보이고
다시 한 번 클릭하면 해당 게시판으로 넘어가도록 수정하고 싶은데...
삽질꾼의 실력으로는 도저히 해결을 못하겠습니다.
(현재의 상태는 http://kukaknori.or.kr
에서 확인해주십시오.)
아래 다음과 같이 댓글을 달아주셨으나...
삽질밖에 할 줄 몰라서...
제 실력으로 전혀 방법을 모르겠습니다.
아주 구체적인 설명을 좀 부탁드립니다.
(아예 고쳐 주신다면 감사하겠습니다.)
댓글 달아주신 글
--------------------------------------------------------------------------
멋지군 11-03-12 15:59
onmouseover 로 처리가 되었군요...
onmouseover를 onclick 로 바꾸어보세요
onmouseover 로 처리가 되었군요...
onmouseover를 onclick 로 바꾸어보세요
Replace 11-03-12 19:20
onclick 할때 변수를 하나 두어 몇번째 크릭인지 체크후 이동하면 되겠군요
-----------------------------------------------------------------------
댓글 전체
먼저 질문을 제대로 못보고 답변 드렸나보군요...
이번엔 소스도 보고 테스트 해봤으니....
소스 내용중에
......... 중략 .........
#slide-tab-menu a { display:inline-block; height:26px; line-height:26px; padding:0 16px 0 16px; margin:0; }
#slide-tab-menu a.select {background-color:#FcFcFc; color:#187BCE; font-weight:bold; text-decoration:underline; }
#slide-tab-menu a.noselect { }
#slide-tab-content { background-color:#FcFcFc; clear:both; height:126px; }
#slide-tab-content div { display:none; height:100%; width:100%; }
</style>
이런 부분이 있을 겁니다.
첫클릭으로 탭이 열리고 둘째 클릭으로 페이지 이동을 원하신다니 현재 열린 탭인지를 확인해야 합니다.
* 현재 열린탭인지 확인하는 스크립트 <========================= 추가하세요
<script type="text/javascript">
function selecttab(TabId)
{
if (document.getElementById(TabId).style.display == 'block')
return true;
else return false;
}
</script>
또한 님 소스에
<div id="slide-tab-menu"> 이부분을 찾아보세요
그아래쪽 A(앵커태그) 사용된 곳을 다음과 같이 수정하시고
* 수정된 부분 : 링크부분은 님이 직접 처리하시고, selecttab(1) 의 인자는 div 아이디입니다.
편의상 숫자로 간단히 테스트 했는데.. 님이 사용하실땐 원하시는 대로..
<div id="slide-tab-menu"> <========================= 수정하세요
<a href="aaa.php" onclick="return selecttab(1)" class='select bb1f5'>MP3(AR)</a>
<a href="bbb.php" onclick="return selecttab(2)" class='noselect bl1cc'>MP3(MR)</a>
<a href="ccc.php" onclick="return selecttab(3)" class='noselect bl1cc'>문서파일</a>
<a href="ddd.php" onclick="return selecttab(4)" class='noselect bl1cc'>악보</a>
<a href="111.php" onclick="return selecttab(5)" class='noselect bl1cc'>사진</a>
<a href="222.php" onclick="return selecttab(6)" class='noselect bl1cc'>일러스트</a>
<a href="333.php" onclick="return selecttab(7)" class='noselect bl1cc'>동영상</a>
<a href="444.php" onclick="return selecttab(8)" class='noselect bl1cc'>매뉴얼</a>
<a href="555.php" onclick="return selecttab(9)" class='noselect bl1cc'>기타</a>
</div>
님 소스에 보면
<div id="slide-tab-content"> 을 찾으시고 그안에 있는 div 의 아이디를 주세요
* 수정하세요
<======================= 위 예에서는 숫자로 주었지요....
<div id="1" style="display:block;">
<div id="2">
<div id="3">
<div id="4">
<div id="5">
<div id="6">
<div id="7">
<div id="8">
<div id="9">
이번엔 소스도 보고 테스트 해봤으니....
소스 내용중에
......... 중략 .........
#slide-tab-menu a { display:inline-block; height:26px; line-height:26px; padding:0 16px 0 16px; margin:0; }
#slide-tab-menu a.select {background-color:#FcFcFc; color:#187BCE; font-weight:bold; text-decoration:underline; }
#slide-tab-menu a.noselect { }
#slide-tab-content { background-color:#FcFcFc; clear:both; height:126px; }
#slide-tab-content div { display:none; height:100%; width:100%; }
</style>
이런 부분이 있을 겁니다.
첫클릭으로 탭이 열리고 둘째 클릭으로 페이지 이동을 원하신다니 현재 열린 탭인지를 확인해야 합니다.
* 현재 열린탭인지 확인하는 스크립트 <========================= 추가하세요
<script type="text/javascript">
function selecttab(TabId)
{
if (document.getElementById(TabId).style.display == 'block')
return true;
else return false;
}
</script>
또한 님 소스에
<div id="slide-tab-menu"> 이부분을 찾아보세요
그아래쪽 A(앵커태그) 사용된 곳을 다음과 같이 수정하시고
* 수정된 부분 : 링크부분은 님이 직접 처리하시고, selecttab(1) 의 인자는 div 아이디입니다.
편의상 숫자로 간단히 테스트 했는데.. 님이 사용하실땐 원하시는 대로..
<div id="slide-tab-menu"> <========================= 수정하세요
<a href="aaa.php" onclick="return selecttab(1)" class='select bb1f5'>MP3(AR)</a>
<a href="bbb.php" onclick="return selecttab(2)" class='noselect bl1cc'>MP3(MR)</a>
<a href="ccc.php" onclick="return selecttab(3)" class='noselect bl1cc'>문서파일</a>
<a href="ddd.php" onclick="return selecttab(4)" class='noselect bl1cc'>악보</a>
<a href="111.php" onclick="return selecttab(5)" class='noselect bl1cc'>사진</a>
<a href="222.php" onclick="return selecttab(6)" class='noselect bl1cc'>일러스트</a>
<a href="333.php" onclick="return selecttab(7)" class='noselect bl1cc'>동영상</a>
<a href="444.php" onclick="return selecttab(8)" class='noselect bl1cc'>매뉴얼</a>
<a href="555.php" onclick="return selecttab(9)" class='noselect bl1cc'>기타</a>
</div>
님 소스에 보면
<div id="slide-tab-content"> 을 찾으시고 그안에 있는 div 의 아이디를 주세요
* 수정하세요
<======================= 위 예에서는 숫자로 주었지요....
<div id="1" style="display:block;">
<div id="2">
<div id="3">
<div id="4">
<div id="5">
<div id="6">
<div id="7">
<div id="8">
<div id="9">
<div id="1" style="display:block;">
<div id="2">
<div id="3">
<div id="4">
<div id="5">
<div id="6">
<div id="7">
<div id="8">
<div id="9">
이곳만수정하면되요
<div id="2">
<div id="3">
<div id="4">
<div id="5">
<div id="6">
<div id="7">
<div id="8">
<div id="9">
이곳만수정하면되요