묻고답하기
포인트랭킹 적용했습니다. . jpg (2가지 질문)
2010.10.24 10:51
포인트 랭킹 적용해서 쓰고 있는데
저 그래프는 그냥 두고 숫자는 없애려 합니다.
그런데 소스가 숫자부분을 (val -> point) 없애면 그래프도 안나오게 되어 있어요.
숫자만 지우고 싶은데 어떻게 하면 될까요?
빨간게 관련있는듯해 보이는 부분
list.html - 태그소스 부분 : 여기서 빨간게 포인트인데 저걸 지우면 그래프가 안나옴
<!--%import("style.css")-->
<!--%import("script.js")-->
<div class="ePoint">
<table>
<thead>
<tr>
<th>{$lang->rank}</th>
<th>{$lang->nick_name}</th>
<!--// <th>{$lang->level}</th> -->
<th class="point">{$lang->point}</th>
<th>{$lang->cmd_site_signup} {$lang->date}</th>
</tr>
</thead>
<!--@if(count($widget_info->point_list))-->
{@
$rank = 1;
}
<tbody>
<!--@foreach($widget_info->point_list as $val)-->
<tr>
<td>{$rank++}</td>
<td class="nick"><span class="member_{$val->member_srl}">{$val->nick_name}</span></td>
<!--// <td>{$val->level}</td> -->
<td class="point"><span><em> {$val->point}</em></span></td>
<td>{zdate($val->regdate,"Y-m-d")}</td>
</tr>
<!--@end-->
</tbody>
<!--@end-->
</table>
<address>Skin by <a href="http://elkha.kr">Elkha</a></address>
</div>
style.css : 스타일을 지정... 폰트 사이즈 0으로도 해보고 색깔 투명으로도 해봤는데 안됨 display none 으로도 안됨
@charset "utf-8";
/**
* 김무건 || Elkha (elkha1914@hotmail.com)
* http://elkha.kr
* 2010-08-19
* Valid CSS Transitional
**/
.ePoint {}
.ePoint * { margin:0; padding:0; border-collapse:collapse; white-space:nowrap; font-style:normal; }
.ePoint table { width:100%; }
.ePoint caption { margin:5px; text-align:right; font-weight:bold; }
.ePoint thead { border-top:0px solid #e6e6e6; border-bottom:0px solid #e6e6e6; background:#f9f9f9; }
.ePoint th { text-align:center; padding:5px; }
.ePoint tbody {}
.ePoint td { padding:6px 10px; border-bottom:1px dashed #eee; text-align:center; }
.ePoint td.point { width:100%; }
.ePoint td.point span { display:block; background:#f7f7f7; text-align:left; }
.ePoint td.point span em { display:block; overflow:hiddenxx; width:0; padding:0px 0; background:#a9cefc; color:#000; font:13px 돋움; text-align:left; }
.ePoint td.nick { text-align:left; }
.ePoint td.nick span { cursor:pointer; }
.ePoint address { display:block; position:absolute; z-index:-1; width:0; height:0; overflow:hidden; }
script.js 이게 그래프를 나타내는 함수인듯
/**
* 김무건 || Elkha (elkha1914@hotmail.com)
* http://elkha.kr
* 2010-08-19
**/
(function($){
$(document).ready(function(){
_best = $(".ePoint tr:first-child td.point").text();
$(".ePoint td.point span em").each(function(){
_self = $(this).text();
_percent = Math.floor( _self / _best * 100 );
$(this).animate({"width":_percent + "%"}, 1000);
});
});
})(jQuery);
혹시 추가로 저 포인트숫자에 콤마를 나타내는 방법도 알려주시면 고맙겠습니다.
참고로 제일 위 포인트 부분에
{number_format($val->point)} 이렇게 해버리면 그래프가 안나옴
1. 즉 숫자 없애고 그래프만 두는 방법
2. 그래프 그대로 두되 숫자 콤마 내는 방법
