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

페이지 정보

yadolee 루루아빠 3,132 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,332,923
레벨 100
경험치 1,488,670

Progress Bar 12.24%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7621826 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 부트스트랩(bootstrap)의 반응형 테이블(table-responsive) 사용시 모바일에서 나타나는 border 없애기 루루아빠 2016.03.04 3,873 0
이윰  댓글+1🏆 무한스크롤을 사용하지 않는 일반 게시판을 타 경로에서 모달창으로 불러올 때 배경이미지가 본문에 나타나는 문제 해결 루루아빠 2016.03.05 3,860 0
그누•영카트  🏆 그누보드 5.3.2.8 shadow2fox 2019.03.19 2,045 0
그누•영카트  🏆 그누보드 5.1.14 패치 루루아빠 2016.03.08 2,785 0
그누•영카트  🏆 영카트 5.3.2.8 shadow2fox 2019.03.19 2,427 0
그누•영카트  🏆 영카트 5.1.14 패치 루루아빠 2016.03.08 2,728 0
이윰  🏆 Eyoom Builder 3.0.9 패치 shadow2fox 2019.03.25 2,731 0
CSS  🏆 div 클래스에 :last-child css 스타일 적용하기 루루아빠 2016.03.15 2,640 0
그누•영카트  🏆 영카트 5.3.2.8.1 shadow2fox 2019.04.23 2,235 0
그누•영카트  🏆 첨부 이미지 가운데로 정렬하기 루루아빠 2015.04.23 2,855 0
jQuery  🏆 Theia Sticky Sidebar 사용시 모달(modal)이 사이드바 아래로 내려가는 문제 해결하기 루루아빠 2016.03.16 4,024 0
이윰  🏆 일반 회원과 특정 레벨 회원을 나타내는 변수 루루아빠 2015.04.23 2,904 0
에디터  🏆 smarteditor2 로 사진 첨부시 에디터 크기에 맞게 리사이즈 루루아빠 2015.04.23 3,582 0
이윰  🏆 게시글 보기시 본문에 포함된 주석 감추기 shadow2fox 2019.05.01 2,082 0
이윰  🏆 이윰 조건문 변수 모음 루루아빠 2015.04.23 2,937 0
그누•영카트  🏆 그누보드 5.1.15 패치 루루아빠 2016.03.21 3,485 0
그누•영카트  🏆 영카트 5.1.15 패치 루루아빠 2016.03.21 2,915 0
이윰  🏆 내글반응 페이지 내 전체 선택 체크박스 올바르게 적용하기 shadow2fox 2019.05.06 2,266 0
에디터  🏆 CKeditor4.x 에디터 상 엔터를 쉬프트+엔터 바꾸기 루루아빠 2015.04.24 3,512 0
이윰  🏆 글 작성시 익명으로만 글 작성하게 하기 루루아빠 2016.03.29 2,985 0
이윰  🏆 메인일때만 사이드 레이아웃을 없애기 루루아빠 2015.04.24 2,817 0
이윰  🏆 Eyoom Builder 1.2.3 패치 루루아빠 2016.03.29 3,290 0
에디터  🏆 CKeditor4.x 에 폰트 추가하기 루루아빠 2015.04.28 3,434 0
이윰  🏆 Eyoom Builder 1.2.4 패치 루루아빠 2016.04.23 2,794 0
이윰  🏆 로그인 후에만 홈 들어가게 만들기 루루아빠 2015.04.28 2,789 0
그누•영카트  🏆 그누보드 5.1.16 패치 루루아빠 2016.04.23 2,758 0
그누•영카트  🏆 영카트 5.1.16 패치 루루아빠 2016.04.23 2,681 0
그누•영카트  🏆 영카트 상품 증가 감소 선택 문자 바꾸기 루루아빠 2015.05.01 3,596 0
JavaScript  🏆 모달창(Modal Window) backdrop(모달창 바깥 부분) 클릭시 모달창 닫지 않기 루루아빠 2016.05.06 3,611 0
이윰  🏆 본문 내용 추출시 특정 태그 제거하기 루루아빠 2016.05.09 3,062 0