[Share]Code topics_list_box của Clubme edit !

[thanh2013]

Demo:


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>

Xong !

Nguồn: diendan.clubme.net

[minhphong9x94]

cái ảnh load đầu tiên đó có load được không? hay tượng trưng thôi, mình nghĩ muốn load được phải chỉnh code trong view topic nữa chứ nhỉ? mình chưa làm thử ^^
nhưng mình có cái trông giống như bạn, ko load ảnh được.

[úT Lì]

nhìn quen quen

[thanh2013]

cái ảnh load đầu tiên đó có load được không? hay tượng trưng thôi, mình nghĩ muốn load được phải chỉnh code trong view topic nữa chứ nhỉ? mình chưa làm thử ^^
nhưng mình có cái trông giống như bạn, ko load ảnh được.

không phải ảnh tượng trưng mà nó dang loading.. thật bạn có thể thay ảnh khác tìm:

thay nó bằng logo or ảnh khác vận loading dc

[minhphong9x94]

bạn ơi, sao mình add code và: tất cả các khung trước đều trắng xóa. Cái đó có phải là để lấy hình ảnh trong bài viết đúng không?
Hay là bài viết trong forum mình không có hình? @@@@
Ý mình là nó có load được 1 ảnh nào đó trong bài viết của forum hay không?

[Larva]

này nhìn y chang của codeforumotion.forumvi.com chứ có khác gì đâu

[úT Lì]

này nhìn y chang của codeforumotion.forumvi.com chứ có khác gì đâu

thêm cái trả lời . gởi lúc

[minhphong9x94]

mình đã thử thấy ko load được ảnh. Ai làm rồi demo link forum xem cái. ^^

[thanh2013]

demo: that na ban
http://diendan.clubme.net/f7-forum

[minhphong9x94]

xem forum bạn thì chủ yếu là các khung phía trước trắng xóa, thi thoảng mới có vài topic có cái ảnh.
Dù sao cũng cảm ơn bạn. ^^

[Sponsored content]