[Hỏi đáp] Adding Refresh button in Thống kê bài viết 5 cột

Hello Friends . i want to know ì hơ to add refresh button like this image like this forum http://fcamusement.forumvi.com/ thank you .

ACP >> Display >> Templates >> Portal >> mod_recent_topics
Find:

Code:

<div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>

Replace With:

Code:

<div class="main-head"><h3>{L_RECENT_TOPICS}</h3>
<span id="loadtext">[...Đang tải dữ liệu...]</span>
<img src="http://i15.servimg.com/u/f15/16/58/89/73/reload10.png" onclick="refreshfmvi()" class="immor"/></div>

Find thid one

Code:

<div class="main-content">

Replace width

Code:

<div class="main-content unbelievable">

Find this

Code:

<!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->

Replace with

Code:


<div class="takemylast"><!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
</div>

Add this to the end of the template

Code:

function refreshfmvi()
  {
    $("#loadtext").show();
    $(".unbelievable").css("opacity", 0.5).load("/forum .unbelievable .takemylast", function ()
    {
      $("#loadtext").hide();
      $(".unbelievable").css("opacity", 1)
    })
  }

I give to you the code without style, you have to write some CSS for it

First thank yo frend for your response :) but icant find some of the codes aboves this is my mod_rêcnt_topic

Code:

 <!-- BEGIN classical_row -->
<tr>
  <th class="double">
      <h2>Newest post
        <span class="right">Latest reply</span>
      </h2>
  </th>
  <th>
      <select class="changeLast" data-group="post">
        <option value="top_posters">Top Poster</option>
        <option value="active_starters">Most Topic Users</option>
      </select>
  </th>
  <th>
      <select class="changeLast" data-group="time">
        <option value="users_week">Most Active Poster of Week</option>
        <option value="users_month">Most Active Poster this Month</option>
      </select>
  </th>
</tr>
<tr>
  <td class="double" rowspan="3">
      <ul id="recent_topics">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
      </ul>
  </td>
<!-- </tr> -->
<!-- END classical_row -->

Nahhh, i give you the code for default recent topic. You have to find the most similar code to change :v

aaah ok thank you verry much NCat :) :)