[SOLVED] Script addition for rank and posts

Hello,

We recently have been working on implementing a new feature where each member, based on their "Crew" rank and their post will have an additional image shown on their profile in the posts.
The script we have so far is this one:

Code:

$(function() {
  var a = $('.user-info'), // all post stats
      i = 0, // user-info index
      j = a.length, // user-info length
      rank,
      posts; // posts will be redefined in the loop
 
  for (; i < j; i++) {
    posts = $(a[i]).text().replace(/\n/g, '').replace(/.*?Posts.*?: (\d+).*/, '$1');
    rank = $(a[i]).html().replace(/\n/g, '').replace(/.*?Crew.*?:\s(.*?)<br>.*/, '$1');
 
    // αρχικά πάντα μπαίνει ο μεγαλύτερος αριθμός και όσο κατεβαίνεις να μικραίνει ο αριθμός.
 
    if (rank == 'Strawhats' && posts > 37) {
      $(a[i]).prepend('<div><img src="http://i65.tinypic.com/6f77dh.jpg" alt="zoro"></div>');
    }
 
    else if (rank == 'Strawhats' && posts > 1) {
      $(a[i]).prepend('<div><img src="http://i68.tinypic.com/jzjzas.jpg" alt="zoro"></div>');
    }
 
  }
});

The forum version is PunBB and the forum link is this one: http://onepiecegr.forumgreek.com/forum

Sounds interesting. Possible to convert to phpbb3 @Luffy @Ange Tuteur?

@Luffy thanks for all the information. I think I found the problem, there was a closing span tag in front of the crew rank text. See if this works for you guys :

Code:

$(function() {
  var a = $('.user-info'), // all post stats
      i = 0, // user-info index
      j = a.length, // user-info length
      rank,
      posts; // posts will be redefined in the loop
 
  for (; i < j; i++) {
    posts = $(a[i]).text().replace(/\n/g, '').replace(/.*?Posts.*?: (\d+).*/, '$1');
    rank = $(a[i]).html().replace(/\n/g, '').replace(/.*?Crew.*?:\s.*?<\/span>(.*?)<br>.*/, '$1');

    // αρχικά πάντα μπαίνει ο μεγαλύτερος αριθμός και όσο κατεβαίνεις να μικραίνει ο αριθμός.
 
    if (rank == 'Strawhats' && posts > 37) {
      $(a[i]).prepend('<div><img src="http://i65.tinypic.com/6f77dh.jpg" alt="zoro"></div>');
    }
 
    else if (rank == 'Strawhats' && posts > 1) {
      $(a[i]).prepend('<div><img src="http://i68.tinypic.com/jzjzas.jpg" alt="zoro"></div>');
    }
 
  }
});

@Ange Tuteur the member said that this didn't actually work, and that he has an avatar displaying to the fa_toolbar and it removes that avatar and the points that he has on a widget..

Did he edit the script at all ? Because I'm seeing this error and I don't see it in the script I posted above :


It should be

Code: posts == 1

not

Code: posts = 1

. One equal sign is used to assign a value to something, such as a variable. Two equal signs are used to compare two objects, and three equal signs are used for type checking. So in short, let him know that if he wants to check if posts is equal to something use two equal signs. ( I know it's confusing for non-programmers ) This is a good list of the comparison operators in JS in case he want's to see the other operators he can use for comparisons :
http://www.w3schools.com/js/js_comparisons.asp

Thank you @Ange Tuteur this is now solved!

No problem !

Have a good one.