Painel em ajax para grupos

por Strilk 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?

por zKayke 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>' ); });

por Strilk 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

por Convidado 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.

Hitskin.com

Painel em ajax para grupos