Detalhes da questão

Endereço do fórum: testealrpg.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá pessoal, vim aqui pois meu Widget de membros da semana está bugado...

Coloquei esse personalizado mais ele buga no google chorme, fica assim:

https://i.imgur.com/VebTf3h.png

Já no Firefox fica normal:

https://i.imgur.com/IHrhfSf.png

As vezes buga em ambos... Teria como resolver?

Code usado:

Código:

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

        /* If informations alread saved, then no request member profile! */
        if(highlight_the_week) {
          jQuery('#highlight_the_week').html(highlight_the_week);
        } else {
            /* if not, then only request per session!!! */
            jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos da semana"] td[width="30%"]:eq(0)').html());
            jQuery.get(jQuery('.module table[summary="Os membros mais ativos da semana"] td[width="30%"] a:eq(0)').attr('href'),function(b){
                var nome = jQuery(b).find('#profile-advanced-right .module .main-head .h3:eq(0) strong').text();
                jQuery('a.m-content').attr('href','/sta/'+nome+'');
                jQuery('#avat').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',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', jQuery('#highlight_the_week').html());
            });
        }
    });
    </script>       
<div id="highlight_the_week">
              
   <center>
                      <br />               
      <div id="link">
      </div>
                     
      <div id="avat">
         <center>
            Carregando avatar...
         </center>
      </div>
                     
      <div id="reput">
      </div>
                      <br />                <a class="m-content" href="#"><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: #fff;
            border: 1px solid #e0e0e0;
            padding: 9px;
        }
        #avat img {
            max-width: 150px !important;
            padding: 1px;
            border: 1px solid #d5d5d5;
            background: #fff;
            -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
            -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
            box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        }
        #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>

Olá,

Poderia limpar o histórico/cache do Firefox e verificar se ainda está "normal"? Pelo comportamento do script, penso que o Firefox tenha gravado uma versão antiga do plugin (numa época que ele ainda funcionava) e por isso não vê o problema.

^-^

Ele funciona e não funciona, no momento não está funcionando, mesmo limpando... Esperarei para ver se funciona dps, mais poderia ajudar sem isso?

Como funciona esse Top Semanal? Seria sempre o primeiro dos Top Postadores que não pertença à equipe do seu fórum? Ou é algo definido manualmente?

é sempre alguém que não pertence a equipe

Após analisar o script e o tópico original dele, percebi que ele necessita que o widget Os membros mais ativos do mês esteja ativo no seu fórum. Há alguma motivo para não utilizar o widget acima?

Eu utilizo, mais deixo ativo apenas para administradores , no caso do meu é o da semana e não o do Mês.

O problema é que se esse widget não estiver ativo no momento que o Top Semanal for aparecer, ele não funcionará. Logo, para que o Top Semanal funcione para todos os usuários, o senhor terá que ativar Os membros mais ativos do mês para todos os usuários, ou limitar ambos para que apareçam para o mesmo tipo de membro (Administradores, Moderadores, Membros ou Convidados).

Ativei para todos os mesmos acima, tanto semanal quanto mensal e nada... Continua a mesma coisa.

Eu acessei o seu fórum e não encontrei o widget Os membros mais ativos do mês. Poderia ativá-lo, e mantê-lo ativado, para que possa verificar o ocorrido?

Está no portal os mesmos.

Não seria esse o comportamento?

Era para ser mais pq não está funcionando aqui ?

Tente limpar o histórico/cache do seu navegador. O script armazena certas informações para que o computador do usuário não tenha que recarregá-las a todo momento.

E lembre-se que para funcionar no fórum, terá que ativar o widget de Os membros mais ativos do mês no fórum também.

Sem resultado amigo.

Pra mim está funcionando normalmente, testei tanto no firefox como no chrome.
Só ressaltando não há necessidade de usar o widget Os membros mais ativos do mês, visto que os seletores apontam apenas para o widget Os membros mais ativos da semana.

Agora o problema provavelmente seja no seu navegador, no caso o Google Chrome deve ser algo relacionado ao cache, mas como você provavelmente tenha limpado o cache fica difícil saber o porque somente no seu navegador não está funcionando.

EDIT: Ao entrar em seu fórum com uma conta percebi o problema, você está usando o widget que você criou "Top Semanal" tanto no portal como no fórum porem no fórum não existe o widget Os membros mais ativos da semana.
Como o código grava as informações na sessão do navegador se o membro acessar o fórum primeiro que o portal as informações vão ser gravadas nessa sessão. E como não há dados para buscar, visto que o seletor não existe, ele acaba gravando os campos sem informação alguma.
Por isso certifique-se de que o Os membros mais ativos da semana esteja ativo em ambos "Portal e Fórum" para todos os membros.
Só depois disso você deve adicionar o código abaixo:
 :

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) {
               jQuery('#highlight_the_week_cp').html(highlight_the_week_cp);
            } else {
                /* if not, then only request per session!!! */
                jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos da semana"] td[width="30%"]:eq(0)').html());
                jQuery.get(jQuery('.module table[summary="Os membros mais ativos da semana"] td[width="30%"] a:eq(0)').attr('href'),function(b){
                    var nome = jQuery(b).find('#profile-advanced-right .module .main-head .h3:eq(0) strong').text();
                    jQuery('a.m-content').attr('href','/sta/'+nome+'');
                    jQuery('#avat').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',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 class="m-content" href="#"><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: #fff;
                border: 1px solid #e0e0e0;
                padding: 9px;
            }
            #avat img {
                max-width: 150px !important;
                padding: 1px;
                border: 1px solid #d5d5d5;
                background: #fff;
                -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
                -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
                box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
            }
            #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>

Ficarei no aguardo,
Até mais.

Bom, fiz o que havia me dito mais apenas ficou "Carregando avatar" e nada..

Onde está:

Código:

if(highlight_the_week) {

Troque por:

Código:

if (highlight_the_week_cp) {

Um pequeno erro de digitação.

E o @Cepheus está correto, o plugin pede apenas o Os membros mais ativos da semana ao invés do do mês, como eu estava dizendo. Perdão pelo erro.

---

Quanto a sessão, segundo a documentação no Mozilla:

A sessão da página dura enquanto o browser está aberto e se mantém no recarregamento da página. Abrir a página em uma nova aba ou nova janela, irá gerar uma nova sessão, o que diferencia de como os cookies trabalham.

Então, fechar a aba do navegador e reabri-la deve ser o suficiente para atualizar plugin. Mas limpar o cache/histórico do navegador deve garantir a limpeza.

---

Créditos ao @Cepheus pelo código. ^-^

Perfeito, mais teria como ocultar o widget de membros mais ativos da semana?

Vá em Painel de controle Módulos HTML & JavaScript Gestão dos códigos JavaScripts Criar um novo JavaScript e adicione esse código com Investimento em Todas as páginas:

Código:

; (function ($) {
    'use strict';

    $(function () {
        $('.module .main-head .h3:contains(Os membros mais ativos da semana)')
            .closest('.module')
            .css('display', 'none');
    });
}) (jQuery);

Oh yeah! Perfect!!!

valeu cara