Hi all,
I am facing a problem with a javascript which it counts the number of replies in a post:

Code:


$(function(){
         var p = $('.main-head p.h2')[0];
         var paging = $('p.paging');
         var nf = $('.posthead').last().find('h2 strong').text().match(/\d+/g)-1;
         var link =  $('p.paging').not('img').find('a:last').attr('href');
        if(!paging) {
            $(p).replaceWith('<span class="countpost">'+nf+'</span>');
        }else if(paging) {
         $.get(link, function(data) {
            var nl = $('.posthead:last', data).find('h2 strong').text().match(/\d+/g)-1;
            $(p).replaceWith('<span class="countpost">'+nl+'</span>');
         });
        }
        });


This script it doesn't return the number of replies it returns the false value - 1 http://prntscr.com/3sce8m , furthermore I am facing and another problem that I can move the text of this script a little right because its covering the the basic/regular view buttons http://prntscr.com/3sceix .

Bump

Bump

bump

What is your forum link ?

Hello my forum link is:

Spoiler:

Try new

Code:

$(function(){
    var p = $('.main-head')[0];
    var paging = $('p.paging');
    var nf = $('.post_id').last().find('.post_number').text().match(/\d+/g)-1;
    var link =  $('p.paging').not('img').find('a:last').attr('href');
    if(!paging) {
        $(p).prepend('<span class="countpost">'+nf+'</span>');
    }
   else if(paging) {
        $.get(link, function(data) {
            var nl = $('.post_id').last().find('.post_number').text().match(/\d+/g)-1;
            $('.countpost', p).html(nl);
        });
    }
});

Hi Inferno,
I tried your code but it didn't work and I have modify the javascript into this code

Spoiler:

and now its displaying the replies number with the text but the replaceWith function covers the Basic/Regular View Javascript's buttons. Is there another function instead the replaceWith to fix the problem.

Before adding the Count Post Javascript : http://prntscr.com/3uk6yp
After adding the Post Count Javascript   : http://prntscr.com/3uk62t

Is there a way to fix it? Something is going wrong with this function.

Best Regards,
Dark-Avenger

Try new

Code:

$(function(){
    var p = $('.main-head')[0];
    var paging = $('p.paging');
    var nf = $('.post_id').last().find('.post_number').text().match(/\d+/g)-1;
    var link =  $('p.paging').not('img').find('a:last').attr('href');
    if(!paging) {
        $(p).prepend('<span class="countpost">'+nf+' reply this topic</span>');
    }
  else if(paging) {
        $.get(link, function(data) {
            var nl = $('.post_id').last().find('.post_number').text().match(/\d+/g)-1;
            $('.countpost', p).html(nl+' reply this topic');
        });
    }
});

And CSS:

Code:

.countpost{
float: right;
}

[/code]

Not edit the codes

Hi Inferno,
I have substitute the codes but they aren't working http://prntscr.com/3un8pv they dont display anything in the right side of the titlebar.

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Bump

Hi,

Try this :

Code:

$(function(){
        var p = $('.main-head p.h2')[0];
        var paging = $('p.paging');
        var nf = $('.post_number').text().match(/\d+/g)-1;
        var link =  $('p.paging').not('img').find('a:last').attr('href');
        if(!paging) {
            $(p).after('<span class="countpost">'+nf+'</span>');
        }else if(paging) {
        $.get(link, function(data) {
            var nl = $('.post_number:last', data).text().match(/\d+/g)-1;
            $(p).after('<span class="countpost">'+nl+'</span>');
        });
        }
        });

Hello Ange  ,
Its working but I can't decrease the space between the number of posts and the text now its displaying like this http://prntscr.com/4092ap

Best Regards,
Dark-Avenger

In your CSS stylesheet is this Rule :

Code:

.countpost:after {
    content: " Απαντήσεις σε αυτό το θέμα";
    margin-left: 150px;
}

Decrease the value of margin-left to decrease the size of the gap.

Thank you very much. Its solved.