[SOLVED] Warning bars don't show no more

I noticed on my site the warning bars (rep) don't show no more. It just shows 'rep : 5' for instance now in the profiles instead of the pictures. I'm using pictures like this one https://2img.net/h/i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-100.png , freely available from the Forumotion GFX library.

I also noticed the last few days/weeks Photobucket was down for site maintenance, perhaps that's why the links to the pics changed to for instance https://s380.photobucket.com/user/LH-Justin/media/TranslucentWarningBars-100.png , at least that's what I thought so that's why I waited a little while, but even when those links are entered into the JS it won't show me the pics in the profiles.

I've got absolutely no clue at all why it's not showing me the pictures as a member all of the sudden.

The script:

Code:

$(document).ready(function() {
    
      var version = 'phpbb3';
    
      var settings = {
          repName : 'Rep',
          repImage1 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-100.png',
          repImage2 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-80.png',
          repImage3 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-60.png',
          repImage4 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-40.png',
          repImage5 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-20.png',
          repImage6 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-0.png'
        };
    
      var repLv = {
          lv1 : 5,
          lv2 : 4,
          lv3 : 3,
          lv4 : 2,
          lv5 : 1,
          lv6 : 0,
        };
    
        var ver = { phpbb2 : version.toLowerCase() == 'phpbb2', phpbb3 : version.toLowerCase() == 'phpbb3', punbb : version.toLowerCase() == 'punbb', invision : version.toLowerCase() == 'invision' };
        var reg = new RegExp('.*'+settings.repName+':\\s+(\\d+).*'), regex = new RegExp('<span class="label"><span style="color:#.*?;">'+settings.repName+'</span>: </span> \\d+<br>');
    
      if (ver.phpbb3 || ver.punbb || ver.invision) {
          if (ver.phpbb3 || ver.invision) { var profSel = '.postprofile'; var addRepu = $(this).find('dt').append('<div id="repu">'); }
          else if (ver.punbb) { var profSel = '.user'; var addRepu = $(this).find('.user-ident').prepend('<div id="repu">'); }
          $(profSel).each(function() {
              var rep = Number($(this).text().replace(reg,'$1'));
              addRepu;
              if (rep == repLv.lv1) { $(this).find('#repu').html('<img src="'+settings.repImage1+'"/>') }
              if (rep == repLv.lv2) { $(this).find('#repu').html('<img src="'+settings.repImage2+'"/>') }
              if (rep == repLv.lv3) { $(this).find('#repu').html('<img src="'+settings.repImage3+'"/>') }
              if (rep == repLv.lv4) { $(this).find('#repu').html('<img src="'+settings.repImage4+'"/>') }
              if (rep == repLv.lv5) { $(this).find('#repu').html('<img src="'+settings.repImage5+'"/>') }
              if (rep == repLv.lv6) { $(this).find('#repu').html('<img src="'+settings.repImage6+'"/>') }
              $(this).html($(this).html().replace(regex,''));
          });
        }
    });

Yep, the images are showing, going by this :


So I guess it's something JavaScript related. Are you getting any errors where the script is suppose to run ? Press F12 > Go to console, and then reload the page. If there's any error it'll pop up there.

Yeah, this is what is says (pls, notice the 'Rep : 5'):



Well, that's in the profile. I've got this one for you in the 'Music Topic':

Oh is that the profile page ? From what I can tell, the script you posted only executes on the post profile while viewing a topic.

Ange Tuteur wrote:Oh is that the profile page ? From what I can tell, the script you posted only executes on the post profile while viewing a topic.

It does. It's in the topics only, but in the topics it doesn't show up either:



PS: I've sent you a PM on my site

I think I found the problem. For god knows what reason, Forumotion changed all the profile fields recently by adding a space directly before the colons in the profile fields. That spacing is a French punctuation thing though, so I guess it was driving them nuts that there wasn't a space there ? Fucks nearly every script up that modified profile fields in the process.

Try replacing your script with the one below, and lemme know if that works for you.

Code:

$(document).ready(function() {
   
      var version = 'phpbb3';
   
      var settings = {
          repName : 'Rep',
          repImage1 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-100.png',
          repImage2 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-80.png',
          repImage3 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-60.png',
          repImage4 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-40.png',
          repImage5 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-20.png',
          repImage6 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-0.png'
        };
   
      var repLv = {
          lv1 : 5,
          lv2 : 4,
          lv3 : 3,
          lv4 : 2,
          lv5 : 1,
          lv6 : 0,
        };
   
        var ver = { phpbb2 : version.toLowerCase() == 'phpbb2', phpbb3 : version.toLowerCase() == 'phpbb3', punbb : version.toLowerCase() == 'punbb', invision : version.toLowerCase() == 'invision' };
        var reg = new RegExp('.*'+settings.repName+'\\s+:\\s+(\\d+).*'), regex = new RegExp('<span class="label"><span style="color:#.*?;">'+settings.repName+'</span> : </span> \\d+<br>');
   
      if (ver.phpbb3 || ver.punbb || ver.invision) {
          if (ver.phpbb3 || ver.invision) { var profSel = '.postprofile'; var addRepu = $(this).find('dt').append('<div id="repu">'); }
          else if (ver.punbb) { var profSel = '.user'; var addRepu = $(this).find('.user-ident').prepend('<div id="repu">'); }
          $(profSel).each(function() {
              var rep = Number($(this).text().replace(reg,'$1'));
              addRepu;
              if (rep == repLv.lv1) { $(this).find('#repu').html('<img src="'+settings.repImage1+'"/>') }
              if (rep == repLv.lv2) { $(this).find('#repu').html('<img src="'+settings.repImage2+'"/>') }
              if (rep == repLv.lv3) { $(this).find('#repu').html('<img src="'+settings.repImage3+'"/>') }
              if (rep == repLv.lv4) { $(this).find('#repu').html('<img src="'+settings.repImage4+'"/>') }
              if (rep == repLv.lv5) { $(this).find('#repu').html('<img src="'+settings.repImage5+'"/>') }
              if (rep == repLv.lv6) { $(this).find('#repu').html('<img src="'+settings.repImage6+'"/>') }
              $(this).html($(this).html().replace(regex,''));
          });
        }
    });

YAY! Works! You (and LGforum) are the greatest! AWESOME!

You see, I figured it'd be something like that. HAHA! lel. It just knew it couldn't be me!

So that means a lot of people who use the script would fail to execute it properly, right? Bug found! Pls, tell FM about it, would ya? And someone pls update that tuto now ...

Nice work Ange, if it was up to me that bug would still be there, until someone figured it out, like you did.

I modified the version with invision..It does not work where am I wrong? thank you

Code:

$(document).ready(function() {
 
      var version = 'invision';
 
      var settings = {
          repName : 'Rep',
          repImage1 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-100.png',
          repImage2 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-80.png',
          repImage3 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-60.png',
          repImage4 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-40.png',
          repImage5 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-20.png',
          repImage6 : 'http://i380.photobucket.com/albums/oo242/LH-Justin/TranslucentWarningBars-0.png'
        };
 
      var repLv = {
          lv1 : 5,
          lv2 : 4,
          lv3 : 3,
          lv4 : 2,
          lv5 : 1,
          lv6 : 0,
        };
 
        var ver = { phpbb2 : version.toLowerCase() == 'phpbb2', phpbb3 : version.toLowerCase() == 'phpbb3', punbb : version.toLowerCase() == 'punbb', invision : version.toLowerCase() == 'invision' };
        var reg = new RegExp('.*'+settings.repName+'\\s+:\\s+(\\d+).*'), regex = new RegExp('<span class="label"><span style="color:#.*?;">'+settings.repName+'</span> : </span> \\d+<br>');
 
      if (ver.phpbb3 || ver.punbb || ver.invision) {
          if (ver.phpbb3 || ver.invision) { var profSel = '.postprofile'; var addRepu = $(this).find('dt').append('<div id="repu">'); }
          else if (ver.punbb) { var profSel = '.user'; var addRepu = $(this).find('.user-ident').prepend('<div id="repu">'); }
          $(profSel).each(function() {
              var rep = Number($(this).text().replace(reg,'$1'));
              addRepu;
              if (rep == repLv.lv1) { $(this).find('#repu').html('<img src="'+settings.repImage1+'"/>') }
              if (rep == repLv.lv2) { $(this).find('#repu').html('<img src="'+settings.repImage2+'"/>') }
              if (rep == repLv.lv3) { $(this).find('#repu').html('<img src="'+settings.repImage3+'"/>') }
              if (rep == repLv.lv4) { $(this).find('#repu').html('<img src="'+settings.repImage4+'"/>') }
              if (rep == repLv.lv5) { $(this).find('#repu').html('<img src="'+settings.repImage5+'"/>') }
              if (rep == repLv.lv6) { $(this).find('#repu').html('<img src="'+settings.repImage6+'"/>') }
              $(this).html($(this).html().replace(regex,''));
          });
        }
    });

@jessy

You'll need to have the advanced profiles activated and add an extra profile field with these settings (sorry it's in Dutch, it's the main language on my site):



The standard value of 5 will be a 100% warning bar. When you go into someone's profile, you'll see a field called 'Rep : ' and the value for that user will be 5, until you change it to 4 (80%), 3 (60%), etc. If you want moderators to be able to control the field, make sure to hit the Moderators check-box next to Who can modify the field value.

It's all in this handy tuto: http://help.forumotion.com/t132299-add-a-bar-for-reputation

thank you so much you are very kind

@jessy . np at all. Glad 2 b of help