https://xe1.xpressengine.com/qna/23177522
여기 글에 달린 댓글대로 하니까
공지마다 아래에 [더보기]가 달리는데요... 어떤 부분을 고쳐줘야 할까요?
예를 들어 숨겨놓은 공지가 5개이면 더보기가 5개가 연달아 주르륵 달립니다.
-- ▼ 공홈의 라자루스님이 다신 댓글 내용을 그대로 퍼왔습니다---
해당 홈페이지에서는 제이쿼리로 구현했네요. 스케치북 스킨을 기준으로 만든다면, _list_normal.html 맨 하단에 아래와 같은 스크립트를 삽입합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<script>var n = jQuery('.notice').length - 1;function show_notice() {for (var i = n; i > 가려지지 않을 공지 개수; i--) {jQuery("#notice_" + i).show();jQuery("#notice_text").text("접기");jQuery("#notice_text")[0].onclick = function(){ hide_notice(); }; }}function hide_notice() {for (var i = n; i > 가려지지 않을 공지 개수; i--) {jQuery("#notice_" + i).hide();jQuery("#notice_text").text("더보기");jQuery("#notice_text")[0].onclick = function(){ show_notice(); }; }}if(n > 가려지지 않을 공지 개수) {hide_notice();jQuery("#notice_text").show();}</script> |
그리고 공지사항 부분의 tr 태그 루프를, 즉 <tr class="notice" loop="$notice_list=>$no,$document"> 이렇게 한 줄로 되어 있는 부분을
|
1
2
3
|
{@ $i=1;}<tr id="notice_{$i}" class="notice" loop="$notice_list=>$no,$document">{@ $i++} |
이렇게 바꿔줍니다. 그리고 마지막으로 일반글의 tr 태그 루프 이전에, <!--// Normal -->로 표시 되어 있는 바로 이전에
|
1
2
3
|
<tr class="notice"><td id="notice_text" colspan="6" onclick="show_notice()">더보기</td></tr> |
를 추가해 줍니다.
댓글 6
for (var i = n; i > 가려지지 않을 공지 개수; i--) {
jQuery("#notice_" + i).hide();
jQuery("#notice_text").text("더보기");
jQuery("#notice_text")[0].onclick = function(){ show_notice(); };
}
}
function hide_notice() {
for (var i = n; i > 가려지지 않을 공지 개수; i--) {
jQuery("#notice_" + i).hide();
jQuery("#notice_text")[0].onclick = function(){ show_notice(); };
}
}
for 문이 반복 되면서 더보기도 같이 표시 되는거 같습니다..
jQuery("#notice_text").text("더보기");
이걸 지우셔야..