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

페이지 정보

루루아빠 2,806 2015.09.20 20:57

평점

  • 평점 : 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>
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,291,261
레벨 96
경험치 1,390,416

Progress Bar 78%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7472638 페이지
제목 글쓴이 날짜 조회 추천
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index error 해결하기 shadow2fox 2019.01.01 2,131 0
그누•영카트  🏆 그누보드 5.3.1.4 패치 루루아빠 2018.06.06 2,128 0
이윰  댓글+1🏆 이윰빌더 현재 접속자 최신글에서 관리자도 ip가 숨겨지는 문제 해결하기 shadow2fox 2020.04.10 2,128 1
그누•영카트  🏆 영카트 5.3.3.1 shadow2fox 2019.07.16 2,127 0
이윰  🏆 이윰빌더 사용하지 않기 루루아빠 2018.04.25 2,124 0
제로  🏆 비회원은 회원정보 보지 못하게 루루아빠 2005.07.04 2,120 0
그누•영카트  🏆 영카트 5.3.2.4 shadow2fox 2019.01.08 2,116 0
그누•영카트  🏆 영카트 5.3.1.7 패치 shadow2fox 2018.09.18 2,114 0
그누•영카트  🏆 그누보드 5.3.1.6 패치 shadow2fox 2018.08.25 2,104 0
이윰  댓글+2🏆 작성글 날림 방지하기 shadow2fox 2018.07.04 2,103 0
그누•영카트  🏆 영카트 5.3.2.3 shadow2fox 2018.12.29 2,092 0
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index: alarm 해결하기 shadow2fox 2018.07.01 2,090 0
그누•영카트  댓글+1🏆 그누보드 5.4.2.5 shadow2fox 2020.05.09 2,078 1
그누•영카트  🏆 영카트 5.3.1.6 패치 shadow2fox 2018.08.25 2,074 0
이윰  🏆 유튜브 재생목록(플레이리스트)이 적용되지 않는다면 shadow2fox 2018.07.29 2,072 0
그누•영카트  🏆 그누보드 5.3.1.2 패치 루루아빠 2018.04.21 2,068 0
그누•영카트  🏆 영카트 5.3.3.2 shadow2fox 2019.08.13 2,066 0
이윰  🏆 마우스 오버시 이전글 다음글에 제목을 띄우기 shadow2fox 2018.11.27 2,061 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2,058 0
그누•영카트  🏆 영카트 5.3.2.2 shadow2fox 2018.12.18 2,054 0