Mostrar parte do grupo

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

Atendido / Resolvido Mostrar parte do grupo

Mensagem por iScroll em 12.03.17 14:45

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.forumeiros.com/forum
Versão do fórum: phpBB2

Descrição


Olá pessoal.
Gostaria desse JS:
https://i.imgur.com/gWtoIha.png

Fórum onde vi : http://bestweb.forumais.com/

Agradeço desde já


Última edição por iScroll em 13.03.17 16:40, editado 1 vez(es)
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

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

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por while em 12.03.17 17:33

Olá autor, boa tarde.

Crie um novo javascript com esse 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>'
  );
});

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por iScroll em 12.03.17 18:42

@while escreveu:Olá autor, boa tarde.

Crie um novo javascript com esse 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>'
  );
});

Até mais.
Olá While, não deu resultado, será que esqueceu de algo ?
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

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

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por IsmaelS. em 12.03.17 20:01

Olá!

Tente este apenas com o funcionamento no índice:
Código:
$(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : http://fmdesign.forumotion.com/t1030-display-a-preview-of-groups-on-hover#21553';
 
  var max_users = 10, // max number of users
 
      // language data
      lang = {
        view_group : 'Ver os membros todos do grupo',
        loading : 'Carregar...',
        view_err : 'The group data could not be retrieved.'
      },
 
      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>'
  );
});

Eu já o traduzi algumas partes para Português caso não tenha problema.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por iScroll em 12.03.17 22:02

@IsmaelS. escreveu:Olá!

Tente este apenas com o funcionamento no índice:
Código:
$(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : http://fmdesign.forumotion.com/t1030-display-a-preview-of-groups-on-hover#21553';
 
  var max_users = 10, // max number of users
 
      // language data
      lang = {
        view_group : 'Ver os membros todos do grupo',
        loading : 'Carregar...',
        view_err : 'The group data could not be retrieved.'
      },
 
      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>'
  );
});

Eu já o traduzi algumas partes para Português caso não tenha problema.
Não sei o que se passa, infelizmente, continua a mesma coisa.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

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

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por IsmaelS. em 12.03.17 22:04

Estranho porque no meu resulta na perfeição o_O, tente desativar os outros .jS que pode estar a dar conflito.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por iScroll em 12.03.17 22:11

@IsmaelS. escreveu:Estranho porque no meu resulta na perfeição o_O, tente desativar os outros .jS que pode estar a dar conflito.
infelizmente, acho que não amigo, está tudo normal aqui...
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

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

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por IsmaelS. em 12.03.17 22:14

@iScroll escreveu:
@IsmaelS. escreveu:Estranho porque no meu resulta na perfeição o_O, tente desativar os outros .jS que pode estar a dar conflito.
infelizmente, acho que não amigo, está tudo normal aqui...

Então não sei como lhe resolver, só esperar por alguém com mais conhecimento Piscada
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por iScroll em 12.03.17 22:16

@IsmaelS. escreveu:
@iScroll escreveu:
@IsmaelS. escreveu:Estranho porque no meu resulta na perfeição o_O, tente desativar os outros .jS que pode estar a dar conflito.
infelizmente, acho que não amigo, está tudo normal aqui...

Então não sei como lhe resolver, só esperar por alguém com mais conhecimento Piscada
Testei até no meu forum de teste, retirando todos JS, sem resultado... :/
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

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

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por Luiz em 12.03.17 22:31

Olá.
Por favor, ative o JavaScript em todas as páginas do seu fórum para conferirmos.

Estaremos no aguardo.
Até mais.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev
  • 0

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por Luiz em 12.03.17 22:33

Olá, tente este código, ou veja estas instruções.
Código:
$(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : http://fmdesign.forumotion.com/t1030-display-a-preview-of-groups-on-hover#21553';
 
  var max_users = 10, // max number of users
 
      // language data
      lang = {
        view_group : 'View the full group',
        loading : 'Loading...',
        view_err : 'The group data could not be retrieved.'
      },
 
      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,
    theme : 'tooltipster-default',
    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>'
  );
});
Lembre-se de não modificar nenhuma parte do código.
Até mais.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por iScroll em 13.03.17 14:54

Era apenas uma configuração nas "MENSAGENS" que faltava, ja consegui resolver, muito obrigado.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

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

Atendido / Resolvido Re: Mostrar parte do grupo

Mensagem por Kyo Panda em 13.03.17 19:58

Mostrar parte do grupo Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.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