Chức năng: Thêm tùy chọn sắp xếp trong danh mục tạo bằng bảng rất tiện lợi, khi áp dụng vào forumotion bạn có thể sắp xếp bài viết trong topic_list_box theo tiêu đề, số bài, trả lời, thời gian... thậm chí là sắp xếp chuyên mục hay thành viên trong memberlist một cách nhanh chóng. Nếu am hiểu hơn về code bạn có thể tạo ra những tùy chỉnh tiện lợi cho việc quản lý diễn đàn của bạn.
Nguồn: Đây là một jQuery plugin được xây dựng và phát triển bởi tablesorter. Code cho forumotion bởi baivong - www.FMvi.org
Demo:
Hướng dẫn:
Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:
Bước 2: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:
Title * : jQuery plugin tablesorter
Placement : In the sub-forums
Javascript Code * :
[+] Các đoạn code trên là dành cho cấu trúc forum mặc định, nếu bạn đã có thay đổi trong templates (phpBB2 & punBB) thì có thể code sẽ không hoạt động.
Bạn hãy sửa cấu trúc Templates table như sau, thêm class tablesorter vào bảng cần sắp xếp:
Nguồn: Đây là một jQuery plugin được xây dựng và phát triển bởi tablesorter. Code cho forumotion bởi baivong - www.FMvi.org
Demo:
Hướng dẫn:
Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:
- Code:
table.tablesorter thead tr .header{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/bg11.png);background-repeat:no-repeat;background-position:center right;cursor:pointer}table.tablesorter thead tr .headerSortUp{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/asc10.png)}table.tablesorter thead tr .headerSortDown{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/desc10.png)}
Bước 2: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:
Title * : jQuery plugin tablesorter
Placement : In the sub-forums
Javascript Code * :
- Spoiler:
- punBB:
- Code:
$(function () {
$.getScript("http://fmvi-group.googlecode.com/files/jquery.tablesorter.min.js", function () {
$("table.table").addClass("tablesorter");
$("table.tablesorter").tablesorter({
debug: false
});
});
});
Invision:
- Code:
$(function () {
$.getScript("http://fmvi-group.googlecode.com/files/jquery.tablesorter.min.js", function () {
$("table.ipbtable").addClass("tablesorter");
$("table.tablesorter").tablesorter({
debug: false
});
});
});
phpBB2:
- Code:
$(function () {
$.getScript("http://fmvi-group.googlecode.com/files/jquery.tablesorter.min.js", function () {
$("table.forumline").addClass("tablesorter");
$("table.forumline:eq(2)>tbody>tr:first").insertBefore("table.forumline:eq(2)>tbody").wrap("<thead></thead>");
$("table.tablesorter").tablesorter({
debug: false
});
});
});
[+] Các đoạn code trên là dành cho cấu trúc forum mặc định, nếu bạn đã có thay đổi trong templates (phpBB2 & punBB) thì có thể code sẽ không hoạt động.
Bạn hãy sửa cấu trúc Templates table như sau, thêm class tablesorter vào bảng cần sắp xếp:
- Spoiler:
- Code:
<table class="tablesorter" ...>
<thead>>
<tr>
<th>...</th>
<th>...</th>
...
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
...
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
...
<td>...</td>
</tr>
</tbody>
</table>
...và dùng Script này:
- Code:
$(function () {
$.getScript("http://fmvi-group.googlecode.com/files/jquery.tablesorter.min.js", function () {
$("table.tablesorter").tablesorter({
debug: false
});
});
});