Painel em ajax para grupos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Painel em ajax para grupos

Mensagem por Strilk em 03.07.19 19:07

Detalhes da questão


Endereço do fórum: http://portaldpr.forumeiros.com
Versão do fórum: phpBB3

Descrição


Eu gostaria de um pequeno painel em ajax que apareceria ao clicar na legenda dos grupos, exemplo: cliquei na legenda do grupo (Fundadores) aí subiria um painel com os membros que tem nele. Alguém poderia me ajudar?
Strilk

Strilk
Nível 4

Masculino
Inscrito dia : 23/01/2018
Mensagens : 32
Pontos Ativos : 49

Ver perfil do usuário http://portal-grm.forumeiros.com

Atendido / Resolvido Re: Painel em ajax para grupos

Mensagem por zKayke em 03.07.19 23:21

Leia este tutorial:
Spoiler:
Visualizar membros do grupo em hover
O script abaixo permite visualizar membros do grupo. Nesse tutorial iremos poder ver os membros do grupo em modo hover, sem necessidade de abrir a pagina do grupo.
Características e aplicação
Autor: Angie Tuteur
Versão do código: 1.0
Versão de fórum: Todas as versões

Resultado da aplicação
A aplicação terá a seguinte aparência / resultado após ser aplicado ao fórum Forumeiros.
[Plugin] Visualizar membros do grupo em hover Captur15

Local de instalação
A instalação é única, e pode ser feita apenas criando um novo javascript. O CSS pode ser modificado, e está embutido no Javascript. Queira seguir os passos a seguir para instalar o efeito em sua comunidade.

Em Painel de controle > Geral > Mensagens e e-mails > Configuração, certifique-se que a opção Autorizar etiquetar os nicknames esteja marcada como Todos os usuários.

Painel de Controle > Módulos >> HTML e Javascript > Gestão dos códigos Javascript > Criar um novo javascript > Investimento > Em todas as páginas ou em algum script já aplicado para Todas as páginas

Você pode mudar o idioma e a quantidade membros a serem exibidos alterando o valor numérico da variável "max_users".

   var max_users = 10,

   lang = {
   view_group : 'Veja o grupo completo',
   loading : 'Carregando...',
   view_err : 'Os dados do grupo não pode ser recuperado.'
   },

Inserir este código:

       
 
Código:
       $(function() {
        var max_users = 10,
     
            lang = {
              view_group : 'Veja o grupo completo',
              loading : 'Carregando...',
              view_err : 'Os dados do grupo não pode ser recuperado.'
            },
     
            links = $('a[href^="/g"]').filter(function() {
              if (/\/g\d+-/.test(this.href)) {
                return this;
              }
            }),
     
            groupsinfo = {};
     
        links.tooltipster && links.not('.tooltipstered').tooltipster({
          animation : 'fade',
          interactive : true,
          contentAsHTML : true,
          minWidth : 300,
          maxWidth : 300,
          delay : 500,
          arrowColor : "#EEE",
          autoClose : true,
          content : lang.loading,
          functionBefore : function(origin, continueTooltip) {
            continueTooltip();
     
            var groupURL = $(this).attr('href'),
                groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),
                groupName = $(this).text();
     
            if (origin.data('ajax') !== 'cached') {
              if (groupsinfo[groupId] != undefined) {
                origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
              } else {
                $.get(groupURL, function(d) {
                  var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                      i = 0,
                      li,
                      container = $('<div>'+
                        '<div class="fa_group_preview">'+
                          '<h2 class="fa_group_name">' + groupName + '</h2>'+
                          '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>'+
                          '<ol class="fa_group_list"></ol>'+
                          '<div class="fa_group_button">'+
                            '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+
                          '</div>'+
                        '</div>'+
                      '</div>');
     
                  for (; i < max_users; i++) {
                    if (user[i]) {
                      li = document.createElement('LI');
                      li.appendChild(user[i]);
                      $('ol', container).append(li);
                    }
                  }
     
                  if (!$('li', container).length) {
                    $('ol', container).after('<div>' + lang.view_err + '</div>');
                  }
     
                  groupsinfo[groupId] = container.html();
                  origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
                });
              }
            }
          }
        });
     
        $('head').append(
          '<style type="text/css">'+
            '.fa_group_preview { font-family:Arial; font-size:12px; color:#000; }'+
            '.fa_group_preview a { text-decoration:none; }'+
            'h2.fa_group_name { font-size:24px; }'+
            'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }'+
            'ol.fa_group_list { margin:0 25px; padding:0; }'+
            '.fa_group_button { margin-top:10px; text-align:center; }'+
          '</style>'
        );
      }); 



© Todos os direitos reservados :: while


zKayke

zKayke
Nível 9

Masculino
Inscrito dia : 28/01/2019
Mensagens : 178
Pontos Ativos : 253

Ver perfil do usuário http://winxfamily.forumeiros.com/forum

Atendido / Resolvido Re: Painel em ajax para grupos

Mensagem por Strilk em 04.07.19 17:56

Muito obrigado, deu certo. Eu tinha o java já, mas não sabia que tinha que fazer o treco das etiquetas
Strilk

Strilk
Nível 4

Masculino
Inscrito dia : 23/01/2018
Mensagens : 32
Pontos Ativos : 49

Ver perfil do usuário http://portal-grm.forumeiros.com

Atendido / Resolvido Re: Painel em ajax para grupos

Mensagem por Roger123 em 04.07.19 19:16

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Painel em ajax para grupos Pmb0kx10
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1405
Pontos Ativos : 1696

Ver perfil do usuário https://todosostemas.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum