Trang Chính
»†ổñg Quån «
Bài gửi
Cảm Ơn
Giới tính
Demo:
![[Share]Code topics_list_box của Trà Sữa24h Test_b10](https://i.servimg.com/u/f73/18/16/90/84/test_b10.jpg)
Thay toàn bộ code topics_list_box bằng code dưới=
Thay toàn bộ code topics_list_box bằng code dưới=
- Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<!-- BEGIN multi_selection -->
<!-- END multi_selection -->
<!-- BEGIN pagination -->
<table width="100%" style="border:1px solid black;">
<tr>
<td> <span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<!-- END header_row -->
<!-- BEGIN topic -->
<br /><br />
<table width="100%" border="0">
<tr>
<script type="text/javascript">$(function(){$(".xname").hide();});</script>
<table style="float: left; width: 95%;border: 1px solid #B0B0B0;margin-left:15px;" >
<tr>
<td>
<div class="blog_message1" href="{topics_list_box.row.U_VIEW_TOPIC}" ></div><div class="bai_new4"><r>
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}"><span onmouseover="showtip('<font color=#40ff00><b>Thời gian gửi:</b></font> <font color=#FF6600><b>{topics_list_box.row.LAST_POST_TIME}</b></font><br /><font color=#40ff00><b>Trạng Thái:</b></font> <font color=#ff8c00>{topics_list_box.row.L_TOPIC_FOLDER_ALT}</font> <br /><font color=#40ff00><b>Lượt xem:</b></font> <font color=red>{topics_list_box.row.VIEWS}</font><br /><font color=#40ff00><b>Trả lời:</b></font> <font color=#FF66CC>{topics_list_box.row.REPLIES}</font><br>');" onmouseout="hidetip();"> {topics_list_box.row.TOPIC_TITLE}</span></a><span class="xname" style="float: right;"><strong>{topics_list_box.row.TOPIC_AUTHOR} </strong><br/></span>
</h2>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
<span class="gensmall"><!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
<p valign="middle"><span class="postdetails"><font color="black"> By: </font>{topics_list_box.row.TOPIC_AUTHOR}</span>
<a class="more-link" style="float:right" href="{topics_list_box.row.U_VIEW_TOPIC}">Xem Tiếp</a>
<span class="postdetails"><font color="black"> -Trả lời: </font><font color="#8C8787">{topics_list_box.row.REPLIES}</font></span>
<span class="postdetails"><font color="black"> -Xem: </font><font color="#8C8787">{topics_list_box.row.VIEWS}</font></span>
<span class="postdetails"><font color="black"> -Gửi cuối: </font><font color="#8C8787">{topics_list_box.row.LAST_POST_TIME}</font></span></p>
</r>
</div>
</td>
</tr>
</table>
</tr>
<tr>
<!-- BEGIN multi_selection -->
<p align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></p>
<!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics -->
<p colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></p>
<!-- END no_topics --><!-- BEGIN bottom -->
<td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
</table>
<script>
$(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend('<a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"><img src="http://i49.servimg.com/u/f49/11/79/54/63/loadin11.gif"/></a>');$(this).load(url+' .post-entry .entry-content img:eq(0)')})});</script>
<!-- END bottom --><!-- BEGIN footer_table -->
<!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
<style>.blog_message1 {overflow: hidden;margin-top: -5px;width: 110px;height: 55px;padding: 3px;border: 1px solid #CFCDCE;font-size: 0px;font-family: none;}.blog_message1 img {width: 110px;height: 55px;}.pun tbody.statused td.tcl {padding-left: 0;}.codebox {display: none;}.postmain blockquote,blockquote{display: none;}.blog_message1 {float: left;}.blog_tintuc li:nth-of-type(1) .blog_message1 {margin: 0px;width: 320px;height: 212px;border: 1px solid #626263;}.blog_tintuc li:nth-of-type(1) .blog_message1 img {padding: 0px;width: 320px;height: 212px;}.blog_tintuc li {background-color: white;} .blog_tintuc li:nth-of-type(3) .blog_message1, .blog_tintuc li:nth-of-type(2) .blog_message1 {width: 190px;height: 90px;float: left;margin: 0px;border: 1px solid #B0B0B0;}.blog_tintuc li:nth-of-type(3) .blog_message1 img , .blog_tintuc li:nth-of-type(2) .blog_message1 img {width: 190px;height: 90px;padding: 0px;}</style>
<style>
a.more-link,
a.more-link:link,
a.more-link:visited {
width:80px;
height:24px;
line-height:22px;
font-size:8pt;
text-align:center;
font-weight:normal;
color:#666;
display:block;
background:#eee;
border:1px solid #ddd;
}
a.more-link:hover,
a.more-link:active {
color:#fff;
text-decoration:none;
background:#2A4375;
border:1px solid #1E3155;
}
</style>
<div id="Loadding">
<img src="http://i37.servimg.com/u/f37/18/00/15/05/loadin11.gif"/>
<br />
Loadding...
</div>
<div id="CloseAjax" onclick="closeLoadAjax()">Tắt Load Ajax</div>
<style>
#Loadding
{
display:none;
position:fixed;
left:44%;
top:30%;
padding:10px 30px;
background:rgba(0,0,0,0.8);
color:#fff;
text-align:center;
}
#CloseAjax
{
position:fixed;
right:10px;
bottom:50px;
background:#fff;
border:1px solid #333;
color:#000;
padding:3px 5px;
cursor:pointer;
}
.pun .paging
{
display:none;
}
</style>
<script>
var Block=true;
var Flag=true;
var Size=0;
var Href;
var Str;
var Temp2;
$(function(){
if(Size==0)
{
Temp2=$(".paged .paged-head .paging a").size();
if(Temp2==0)
Flag=false;
else
{
Size=parseInt(Temp2);
Size--;
Href=$(".paged .paged-head .paging:eq(0) a:eq("+Size+")").text();
if(Href=="")
{
Size--;
Href=$(".paged .paged-head .paging:eq(0) a:eq("+Size+")").text();
Temp2=$(".paged .paged-head .paging:eq(0) a:eq("+Size+")").attr("href");
Size=parseInt(Href);
}
else
{
Temp2=$(".paged .paged-head .paging:eq(0) a:eq("+Size+")").attr("href");
Size=parseInt(Href);
}
Size--;
Size=Size*5;
Href="{TOPIC_URL}";
var parts = Href.split("-");
Str=parts[0];
Href=Temp2;
}
}
});
function LOADDATA(i)
{
if(i<5)
{
$("<div></div>").load(Href+" .main-content .post:eq("+i+")",function(){
$(this).appendTo(".main-content.topic");
LOADDATA(i+1);
})
}
else
{
$("#Loadding").fadeOut('slow');
Block=true;
Size=Size-5;
if(Size<5)
{
Flag=false;
}
else
{
Href=Str+"p"+Size+"-topic";
}
}
}
$(window).scroll(function(){
var WinTop=$(window).scrollTop();
var HeightWin=$(window).height();
var DocHeight=$(document).height();
if((WinTop/(DocHeight-HeightWin))>0.7)
{
if(Block==true && Flag==true)
{
Block=false;
$("#Loadding").show();
LOADDATA(1);
}
}
});
function closeLoadAjax()
{
if(Flag==true)
{
Flag=false;
$(".pun .paging").show();
$("#CloseAjax").text("Mở Load Ajax");
}
else
{
Flag=true;
$(".pun .paging").hide();
$("#CloseAjax").text("Tắt Load Ajax");
}
}
</script>
No Comment.