Mình đang sử dụng 4r invision và làm thử cái last topic phutu.Nhưng mình chỉ làm được trong trang index, còn portal thì nó không hiển thị đúng. Đây là hình ảnh 4r mình đang bị lỗi
còn đây là đoạn js mà mình sửa lại cho phù hợp với portal
còn đây là đoạn js mà mình sửa lại cho phù hợp với portal
- Code:
/* Plz do not remove or change anything the line below.*/
/*~~~~ Last topic new style by http://phutu.org
Original version: punbb ~~~~*/
function loadTin() {
$('.1').find('.a_new').load('/f4-forum .topictitle:eq(0)', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
});
$('.2').find('.a_new').load('/f5-forum .topictitle:eq(0)', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
});
$('.3').find('.a_new').load('/f6-forum .topictitle:eq(0)', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
});
$('.4').find('.a_new').load('/f7-forum .topictitle:eq(0)', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
});
}
function loadShow() {
$('.baiviet').find('.blog_pt1').load('/f4-forum .topictitle:eq(0)', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
});
$('.baiviet1').find('.blog_pt1').load('/f7-forum .topictitle:eq(0)', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
});
$('.baiviet2').find('.blog_pt1').load('/f6-forum .topictitle:eq(0)', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
})
}
$(function () {
loadTin();
loadShow();
$('#main-content > table:eq(0) tr td:eq(0) .module:eq(5) .box-content:eq(0)').attr('id', 'last-mia');
$('#main-content > table:eq(0) tr td:eq(0) .module:eq(5) a[href^="/t"]').addClass('topiccp').next().remove();
$('#main-content > table:eq(0) tr td:eq(0) .module:eq(5) a[href^="/u"]').addClass('postercp').next().remove();
$('#main-content > table:eq(0) tr td:eq(0) .module:eq(5) br').addClass('clear');
$('#main-content > table:eq(1) tr td:eq(0) .module:eq(1) .box-content:eq(0)').attr('id', 'toppostter');
$('#main-content > table:eq(2) tr td:eq(0) .module:eq(2) .box-content table:eq(2)').attr('id', 'topstarter');
$('#main-content > table:eq(3) tr td:eq(0) .module:eq(3) .box-content table:eq(3)').attr('id', 'mostview');
$('#main-content > table:eq(4) tr td:eq(0) .module:eq(4) .box-content table:eq(4)').attr('id', 'mostrep');
$('#main-content > table:eq(1) tr td:eq(0) .module:eq(1), #main-content > table:eq(2) tr td:eq(0) .module:eq(2), #main-content > table:eq(3) tr td:eq(0) .module:eq(3), #main-content > table:eq(4) tr td:eq(0) .module:eq(4), #main-content > table:eq(0) tr td:eq(0) .module:eq(5)').attr('id','widget');
$('#main-content > table:eq(1) tr td:eq(0) .module:eq(1) a[href^="/u"], #main-content > table:eq(2) tr td:eq(0) .module:eq(2) a[href^="/u"], #main-content > table:eq(3) tr td:eq(0) .module:eq(3) a, #main-content > table:eq(4) tr td:eq(0) .module:eq(4) a').addClass('toppost');
$('#main-content > table:eq(1) tr td:eq(0) .module:eq(1) .box-content table tr td:nth-child(2n), #main-content > table:eq(2) tr td:eq(0) .module:eq(2) .box-content table tr td:nth-child(2n)').addClass('topright');
$('.topright').each(function () {
tit = $(this).attr('title');
$(this).html('<span class="topw">' + tit + '</span>')
});
$("#main-lastpost").html($("#last-mia").html());
$(".phu1 span").click(function () {
$(".phu1 span").removeClass("active");
$(this).addClass("active");
var a = eval($(this).attr("id"));
var b = a - 1;
$("#demo #show_topic").hide();
$("#demo ." + a).show()
});
$("#stabs li").click(function () {
$("#stabs li").removeClass('active');
$(this).addClass("active");
var kind = $(this).find("a").attr("alt");
$("#main-lastpost").html($("#" + kind).html());
return false
});
$('span.tin_tuc').click(function () {
$(".tin_tuc").removeClass('active');
$(this).addClass("active");
loadShow()
});
$("a.tin_tuc").click(function () {
var tab = $(this).attr("alt");
$('.phu1 span').removeClass('active');
$('.phu1 #' + tab).addClass('active');
$("#demo #show_topic").hide();
$("#demo ." + tab).show();
$(".tin_tuc").removeClass('active');
$(this).addClass("active");
var link = $(this).attr("href");
$('.show,#baiviet').hide();
$('.ava_pt').html('<img src="http://i72.servimg.com/u/f72/18/23/08/62/loadin10.gif"/>');
$('ul#baiviet').each(function () {
var num = $(this).attr('alt');
$(this).find('.blog_pt1').load(link + ' .topictitle:eq(' + num + ')', function () {
var url = $(this).find('a').attr('href');
$(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
})
});
$('.show,#baiviet').fadeIn(5000);
loadTin();
return false
});
});