[Plugin] Visualizar membros do grupo em hover

[Shek]

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