• Descrição:

Olá o/

Procuro um código que tenha a mesma aparência do widget "Postadores mais ativos", mas que fique sempre mostrando a quantidade de usuários dos grupos dos fóruns, se atualizando automático com a adição de membros aos grupos.

• Informações:

Código:

$(function () {
    var estruturaGrupos =
        '<div id="gruposHancki">' +
        // Moderadores
        '<div id="moderadores" style="width: 180px;"><a style="color: #000000" class="gensmall" href="/g2-moderadores">Moderadores</a><em style="display:none"></em><span style="float: right">...</span></div>' +
        // Multiclasse
        '<br/><div id="multiclasse" style="width: 180px;"><a style="color: #DBA100" class="gensmall" href="/g9-multiclasse">Multiclasse</a><em style="display:none"></em><span style="float: right">...</span></div>' +
        // Combatente
        '<br/><div id="combatente" style="width: 180px;"><a style="color: #FF0000" class="gensmall" href="/g5-combatente">Combatente</a><em style="display:none"></em><span style="float: right">...</span></div>' +
        // Arcanistas
        '<br/><div id="arcanistas" style="width: 180px;"><a style="color: #006300" class="gensmall" href="/g6-arcanistas">Arcanistas</a><em style="display:none"></em><span style="float: right">...</span></div>' +
        // Divinos
        '<br/><div id="divinos" style="width: 180px;"><a style="color: #0064C7" class="gensmall" href="/g8-divinos">Divinos</a><em style="display:none"></em><span style="float: right">...</span></div>' +
        // Especialistas
        '<br/><div id="especialistas" style="width: 180px;"><a style="color: #969696" class="gensmall" href="/g7-especialistas">Especialistas</a><em style="display:none"></em><span style="float: right">...</span></div>' +
        '</div>';
    $('#left .module:first').before('<style>#gruposHancki a {float:left!important;}</style><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Grupos</div>' + estruturaGrupos + '<span class="corners-bottom"><span></span></span></div></div>');

    // Estrutura que permitirá carregar os numeros

    // Links de cada grupo
    var linkModeradores = $('#moderadores a').attr('href');
    var linkMulticlasse = $('#multiclasse a').attr('href');
    var linkCombatente = $('#combatente a').attr('href');
    var linkArcanistas = $('#arcanistas a').attr('href');
    var linkDivinos = $('#divinos a').attr('href');
    var linkEspecialistas = $('#especialistas a').attr('href');

    // Processo de Loading
    $('#moderadores em').load(linkModeradores + '.forumbg table.table1 tr a[href^="/u"]', function () {
        var um = $(this).find('a').size() - 1;
        $('#moderadores span').html(um);
    });
    $('#multiclasse em').load(linkMulticlasse + '.forumbg table.table1 tr a[href^="/u"]', function () {
        var dois = $(this).find('a').size() - 1;
        $('#multiclasse span').html(dois);
    });
    $('#combatente em').load(linkCombatente + '.forumbg table.table1 tr a[href^="/u"]', function () {
        var tres = $(this).find('a').size() - 1;
        $('#combatente span').html(tres);
    });
    $('#arcanistas em').load(linkArcanistas + '.forumbg table.table1 tr a[href^="/u"]', function () {
        var quatro = $(this).find('a').size() - 1;
        $('#arcanistas span').html(quatro);
    });
    $('#divinos em').load(linkDivinos + '.forumbg table.table1 tr a[href^="/u"]', function () {
        var cinco = $(this).find('a').size() - 1;
        $('#divinos span').html(cinco);
    });
    $('#especialistas em').load(linkEspecialistas + '.forumbg table.table1 tr a[href^="/u"]', function () {
        var seis = $(this).find('a').size() - 1;
        $('#especialistas span').html(seis);
    });

});