Top Usuário

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: ModernBB

Descrição

Na mudança do fórum o Widget de top usuário deixou de funcionar.
Código usado:

Código:

      <script>
          jQuery(document).ready(function(){
  /* Gets the information saved in local storage (Fastest!)*/
  var highlight_the_week_cp = sessionStorage.getItem('highlight_the_week_cp');
 
  /* If informations alread saved, then no request member profile! */
  if (highlight_the_week_cp) {
      jQuery('#highlight_the_week_cp').html(highlight_the_week_cp);
  } else {
      /* if not, then only request per session!!! */
      var user = jQuery('.module .h3:contains("Os membros mais ativos da semana"):first').parent().find('.mod-top-name:first');
      jQuery('#link').html(user.html());
      jQuery.get(user.find('a').attr('href'),function(b){
        var nome = user.text();
        jQuery('a.m-content').attr('href','/sta/'+nome+'');
        jQuery('#avat').html(jQuery('#profile-advanced-right .mod-login-avatar',b).html());
        jQuery('#post-membro').html(jQuery('#field_id-6 dd',b).html());
        jQuery('#reg-membro').html(jQuery('#field_id-4 dd',b).html());
        jQuery('#reput').html(jQuery('#field_id-14 dd',b).html());
        //Saves the html information in local storage
        sessionStorage.setItem('highlight_the_week_cp', jQuery('#highlight_the_week_cp').html());
      });
  }
});
            </script>               
<div id="highlight_the_week_cp">
                                                              
   <center>
                                                  <br />                                           
      <div id="link">
                                                        
      </div>
                                                                                 
      <div id="avat">
                                                              
         <center>
                                                    Carregando avatar...                                   
         </center>
                                                        
      </div>
                                                                                 
      <div id="reput">
                                                        
      </div>
                                                  <br />                <a href="#" class="m-content"><img src="http://i.imgur.com/OTcLyEw.png" /></a>                <br /><br />                <span>Posts:</span>                             
      <div id="post-membro">
                                                        
      </div>
                                    <br />                <span>Membro desde:</span>                             
      <div id="reg-membro">
                                                        
      </div><br />                <br />                                           
      <div style="text-align: left;">
                                           Mensagem para o membro:                             
      </div>
                                                                                 
      <div class="msg-membro">
                                           É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.                             
      </div>
                                                                       
   </center>
                                                    
</div>
            <style>
                .msg-membro {
    text-align: left;
    background: #f7f7f7;
    border: 1px solid #ddd;
    padding: 10px;
                }
                #avat img {
                    max-width: 150px !important;
                    padding: 1px;
                }
                #reput {
                    margin: 5px auto;
                    min-width: 80px;
                    color: #fff;
                    background: #649b16;
                    font-weight: bold;
                    padding: 3px 8px;
                    display: inline-block;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                }
       
            .m-content {
            background: url(https://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x scroll 0 0 #ECECEC;
            border: 1px solid #DBDBDB;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
            color: #616161;
            display: inline-block;
            font-size: 12px;
            height: 22px;
            line-height: 22px;
            padding: 5px 10px 3px 10px;
            transition: all .2s ease-in-out 0;
            white-space: nowrap;
            }
                #post-membro, #reg-membro {display: inline-block;}
            </style>

No aguardo de respostas

Tente trocar por este:

Código:

<script>
    jQuery(document).ready(function(){
/* Gets the information saved in local storage (Fastest!)*/
var highlight_the_week_cp = sessionStorage.getItem('highlight_the_week_cp');

/* If informations alread saved, then no request member profile! */
if (highlight_the_week_cp) {
jQuery('#highlight_the_week_cp').html(highlight_the_week_cp);
} else {
/* if not, then only request per session!!! */
var user = jQuery('.module .h3:contains("Os membros mais ativos da semana"):first').parent().find('.mod-top-name:first');
jQuery('#link').html(user);
jQuery.get(user.find('a').attr('href'),function(b){
  var nome = user.text();
  jQuery('a.m-content').attr('href','/sta/'+nome+'');
  jQuery('#avat').html(jQuery('#profile-advanced-right .mod-login-avatar',b).html());
  jQuery('#post-membro').html(jQuery('#field_id-6 dd',b).html());
  jQuery('#reg-membro').html(jQuery('#field_id-4 dd',b).html());
  jQuery('#reput').html(jQuery('#field_id-14 dd',b).html());
  //Saves the html information in local storage
  sessionStorage.setItem('highlight_the_week_cp', jQuery('#highlight_the_week_cp').html());
});
}
});
      </script>               
<div id="highlight_the_week_cp">
                                                       
<center>
                                            <br />                                           
<div id="link"></div>
                                                                           
<div id="avat">
                                                       
  <center>
                                              Carregando avatar...                                   
  </center>
                                                 
</div>
                                                                           
<div id="reput">
                                                 
</div>
                                            <br />                <a href="#" class="m-content"><img src="http://i.imgur.com/OTcLyEw.png" /></a>                <br /><br />                <span>Posts:</span>                             
<div id="post-membro">
                                                 
</div>
                              <br />                <span>Membro desde:</span>                             
<div id="reg-membro">
                                                 
</div><br />                <br />                                           
<div style="text-align: left;">
                                      Mensagem para o membro:                             
</div>
                                                                           
<div class="msg-membro">
                                      É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.                             
</div>
                                                                 
</center>
                                             
</div>
      <style>
          .msg-membro {
text-align: left;
background: #f7f7f7;
border: 1px solid #ddd;
padding: 10px;
          }
          #avat img {
              max-width: 150px !important;
              padding: 1px;
          }
          #reput {
              margin: 5px auto;
              min-width: 80px;
              color: #fff;
              background: #649b16;
              font-weight: bold;
              padding: 3px 8px;
              display: inline-block;
              -moz-border-radius: 3px;
              -webkit-border-radius: 3px;
              border-radius: 3px;
          }
 
      .m-content {
      background: url(https://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x scroll 0 0 #ECECEC;
      border: 1px solid #DBDBDB;
      border-radius: 3px 3px 3px 3px;
      box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
      color: #616161;
      display: inline-block;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 5px 10px 3px 10px;
      transition: all .2s ease-in-out 0;
      white-space: nowrap;
      }
          #post-membro, #reg-membro {display: inline-block;}
      </style>

Sem resultado..

Olá,

O senhor deseja esconder o widget de top usuários, deixando assim somente o de melhor membros (que iremos corrigir)? o/

Spoiler:

Certo, cá esta explicando melhor: http://prntscr.com/gzlonh
O código acima é de: Usuários mais postadores

Troque por este:

Código:

<div class="fa-bestweek-widget">
  <div class="fa-bestweek-inner">
    <div class="fa-bestweek-main-info">
      <div id="username-val"></div>
      <div id="avatar-val">
        <i class="fa fa-refresh fa-spin"></i> Carregando...
      </div>
    </div>
    <div class="fa-bestweek-details">
      <div class="reputation">
        <span class="reputation-bar" id="reputation-val" role="bar">
          <i class="fa fa-refresh fa-spin"></i>
        </span>
      </div>
      <div class="posts">
        <span class="key">Posts:</span>
        <span class="val" id="posts-val">
          <i class="fa fa-refresh fa-spin"></i>
        </span>
      </div>
      <div class="register-date">
        <span class="key">Membro desde:</span>
        <span class="val" id="register-val">
          <i class="fa fa-refresh fa-spin"></i>
        </span>
      </div>
    </div>
    <div class="fa-bestweek-message">
      <div>Mensagem para o membro:</div>
      <div class="fa-bestweek-message-inner">
        É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.
      </div>
    </div>
  </div>

  <!-- Styles & Scripts -->
  <script>
    (function (_) {
      'use strict';
     
      var _widget = _('.fa-bestweek-inner'),
          _target = _('.h3:contains("Os membros mais ativos da semana")').parent(),
          _user  = _target.find('.mod-top-name:first').children('a'),
          href    = _user.attr('href')
      ;

      var _replace = {
        username:  _('#username-val'),
        avatar:    _('#avatar-val'),
        reputation: _('#reputation-val'),
        posts:      _('#posts-val'),
        register:  _('#register-val')
      };

      _target.hide();
      _replace.avatar.html(_user.html());

      if (sessionStorage.getItem('fa_bestweek')) {
        console.log('[BW Widget] Carregado pelo local storage!');
        _widget.html(sessionStorage.getItem('fa_bestweek'));

        return;
      }

      _.get(href)
        .done(function (context) {
          console.log('[BW Widget] Carregado por AJAX!');

          var _ajax = {
            avatar:    _('.mod-login-avatar > img', context).prop('outerHTML'),
            reputation: _('#field_id-14 > dd', context).text(),
            posts:      _('#field_id-6 > dd', context).text(),
            register:  _('#field_id-4 > dd', context).text()
          };

          _replace.avatar.html(_ajax.avatar);
          _replace.reputation.html(_ajax.reputation);
          _replace.posts.html(_ajax.posts);
          _replace.register.html(_ajax.register);
        })
        .fail(function () {
          console.warn('Erro no widget de melhor membro.');
        })
      ;

      sessionStorage.setItem('fa_bestweek', _widget.html());
    })(jQuery);
  </script>
</div>

Lembre-se de colocá-lo após o widget original, para que ele possa iniciar logo após o outro ser carregado.
Os estilos podem ser feitos pelo senhor, se preferir. o/

http://prntscr.com/h06ar0
Veja como ficou.

O senhor não removeu o código antigo.

Tente também desativar os códigos que estão com erro:
-> http://prntscr.com/h07j6z

Eu testei no meu fórum e funcionou normalmente:
-> http://testepunbb.forumeiros.com/

Retirando os códigos com erro todos os scripts funcionam perfeitamente O.o

Mas no caso o do slide: https://ajuda.forumeiros.com/t110358-slides-bugado
é um deles :/

No mais pode fechar, acho que era ele quem estava dando erro. Fico no aguardo de suporte lá \o