[이윰] 게시판 목록에서 제목 바탕 부분을 클릭해도 본문으로 이동하기

페이지 정보

yadolee 루루아빠 3,094 2015.09.20 20:57:22

평점

  • 평점 : 0점 (0명 참여)

본문

게시판 목록에서 제목을 감싸는 부분이 다음과 같을 때

                        <td class="td-subject td-width">
                            <!--{? .icon_reply}-->
                            <i class="fa fa-reply" style="margin-left:{.reply}px;"></i>
                            <!--{/}-->
                            <!--{? _is_category && .ca_name}-->
                            <!-- <a href="{.ca_name_href}" class="btn btn-e-xs btn-default">{.ca_name}</a>  -->
                            <!--{/}-->

                            <a href="{.href}">
                                <!--{? .is_notice}-->
                                <strong class="color-black">{.subject}</strong>
                                <!--{: _wr_id == .wr_id}-->
                                <strong class="color-black">{.subject}</strong>
                                <!--{:}-->
                                {.subject}
                                <!--{/}-->
                                <!--{? .comment_cnt}--><span class="sound_only">댓글</span><em>{.comment_cnt}</em><span class="sound_only">개</span><!--{/}-->
                            </a>
                            <!--{?.icon_new}--><i class="fa fa-flag color-red"></i><!--{/}-->
                            <!--{?.icon_hot}--><i class="fa fa-thumbs-up"></i><!--{/}-->
                            <!--{?.icon_link}--><i class="fa fa-link"></i><!--{/}-->
                            <!--{?.icon_secret}--><i class="fa fa-lock"></i><!--{/}-->
                        </td>
다음과 같은 jquery를 list.skin.html 하단에 첨부한다.

<script>
$(function(){
    $(".td-subject").click(function(){
        document.location.href = $(this).find('a').attr('href');
    });
});
</script>
또한 마우스 오버시 손가락 포인터를 변경하기 위해 아래 스크립트를 첨부한다.

<script>
$(function(){
    // 아래 소스는 제목부분의 <td>에 마우스를 올리면 마우스 커서가 손가락 모양으로 바뀐다.
    $(".td-subject").css({cursor:'pointer'});
});
</script>
정리하자면 list.skin.html 하단에 아래 소스를 첨부한다.

<script>
$(function(){
    // 아래 소스는 제목부분의 <td>에 마우스를 올리면 본문 이동이 가능하게 한다.
    $(".td-subject").click(function(){
        document.location.href = $(this).find('a').attr('href');
    });
    // 아래 소스는 제목부분의 <td>에 마우스를 올리면 마우스 커서가 손가락 모양으로 바뀐다.
    $(".td-subject").css({cursor:'pointer'});
});
</script>
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,328,414
레벨 99
경험치 1,478,262

Progress Bar 77.32%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7592638 페이지
제목 글쓴이 날짜 조회 추천
이윰  🏆 Bootstrap's Accordion 모두 펼치기 루루아빠 2015.10.20 3,153 0
이윰  🏆 Eyoom Builder 1.1.12 패치 루루아빠 2015.10.19 3,228 0
그누•영카트  🏆 영카트 5.1.2 (PHP7 대응 MySQLi 지원추가) 패치 루루아빠 2015.10.17 4,874 0
그누•영카트  🏆 그누보드 5.1.3 (PHP7 대응 MySQLi 지원 추가) 패치 루루아빠 2015.10.17 3,043 0
이윰  🏆 Eyoom Builder 1.1.11 패치 루루아빠 2015.10.15 2,769 0
그누•영카트  🏆 전체목록보이기 체크시에도 이전글 이다음글 버튼 나타내기 루루아빠 2015.10.15 2,821 0
그누•영카트  🏆 영카트 5.1.1 (카카오페이, 간편결제 추가) 패치 루루아빠 2015.10.11 3,190 0
그누•영카트  🏆 영카트 5.1.0 (테마지원) 패치 루루아빠 2015.10.11 3,678 0
그누•영카트  🏆 모바일에서 로고 이미지 올바르게 위치시키기 루루아빠 2015.10.11 3,084 0
그누•영카트  🏆 그누보드 5.1.2 패치 루루아빠 2015.10.11 3,026 0
이윰  🏆 모바일에서 btn-e-xs 버튼 크기로 간격 조절 루루아빠 2015.10.09 3,130 0
그누•영카트  댓글+2🏆 💾 네이버 웍스 모바일을 이용해 소유 도메인으로 메일 서비스 이용하기 루루아빠 2015.10.06 3,426 1
이윰  🏆 Eyoom Builder 1.1.10 패치 루루아빠 2015.10.06 3,023 0
이윰  🏆 syntaxhighlighter 관련 오류 수정 및 테마 변경 루루아빠 2015.10.01 3,365 0
이윰  🏆 SNS 아이콘 툴팁 추가와 효과 바꾸기 루루아빠 2015.10.01 3,737 0
이윰  댓글+2🏆 쪽지 보낼때 캡챠코드 사용하지 않기 - 오류 루루아빠 2015.09.24 3,557 0
이윰  🏆 쪽지 보내기 textarea(쪽지내용) 높이 키우기 루루아빠 2015.09.24 3,068 0
이윰  🏆 스크랩할때 댓글 적지 않아도 스크랩 허용하기 루루아빠 2015.09.22 2,786 0
이윰  🏆 🚩 게시판 목록에서 제목 바탕 부분을 클릭해도 본문으로 이동하기 루루아빠 2015.09.20 3,095 0
이윰  🏆 게시글 작성시 전화번호 입력하고 구독자가 전화걸 수 있게 하기 루루아빠 2015.09.17 2,810 0