탭 최신글에서 게시판으로 바로가기 링크 거는 방법 -다시 질문 올립니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

탭 최신글에서 게시판으로 바로가기 링크 거는 방법 -다시 질문 올립니다. 정보

탭 최신글에서 게시판으로 바로가기 링크 거는 방법 -다시 질문 올립니다.

첨부파일

(tab)contentsmall.php (6.4K) 9회 다운로드 2011-03-13 16:45:37

본문

저작자는 누군지 잊어버렸습니다.
(원 저작님께 사과드립니다.)

레이어로 최신글 여러개를 불러오는 탭최신글을 사용하고 있습니다.

탭을 한 번 클릭하면 최신글이 보이고
다시 한 번 클릭하면 해당 게시판으로 넘어가도록 수정하고 싶은데...
삽질꾼의 실력으로는 도저히 해결을 못하겠습니다.

(현재의 상태는 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">
<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">
이곳만수정하면되요
© SIRSOFT
현재 페이지 제일 처음으로