Funções adicionais

Olá galera, gostaria de pedir algumas funções, primeiro veja a imagem!
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Em vermelho vemos o número 500, eu gostaria que exiba o número de visualizações que aquele tópico tem.
Em azul temos um botão para curtir, logo irá mostrar quantas curtidas o tópico tem, e também terá um widget que irá informar os 5 tópicos mais curtidos, com o link do tópico e o número de curtidas.
Em roxo eu gostaria que informe o nome dos usuários que estão online naquele tópico ou que estiveram online no mesmo dia.

Código atual:

Código:

<div style="border: 1px solid #ddd; padding: 7px; background: #fbfbfb; margin-top: 5px; margin-bottom: 5px !important;">
        <div id="stats" style="border-radius: 3px !important; margin-bottom: 7px !important;">
                  <p class="right"><img src="http://i56.servimg.com/u/f56/17/71/75/73/icon_u10.png" style="display: inline; margin-top: -3px;"/>&nbsp;<a title="Receba as novidades por e-mail" href="?watch=topic">Supervisionar</a> ou <a title="Não receber as notificações" href="?unwatch=topic">Parar</a></p>
                  <b>Tópico:</b> <a id="titulo-do-topico" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
  </div>
        <div id="onlinelist" class="pun-crumbs" style="border: 1px solid #dbe4ef; margin: 0px !important;">
                  <p><b>Permissão deste fórum:</b><br />{S_AUTH_LIST}</p><br/>
                  <p><b>Diretório deste fórum:</b><br/><strong><a href="{U_INDEX}">Fóruns</a>{NAV_CAT_DESC}</strong></p>
      </div>
</div>

O widget é importante, tem como fazer? Aguardo...

Código:

<div style="border: 1px solid #ddd; padding: 7px; background: #fbfbfb; margin-top: 5px; margin-bottom: 5px !important;">
        <div id="stats" style="border-radius: 3px !important; margin-bottom: 7px !important;">
                  <p class="right"><img src="http://i56.servimg.com/u/f56/17/71/75/73/icon_u10.png" style="display: inline; margin-top: -3px;"/>&nbsp;<a title="Receba as novidades por e-mail" href="?watch=topic">Supervisionar</a> ou <a title="Não receber as notificações" href="?unwatch=topic">Parar</a></p>
                  <b>Tópico:</b> <a id="titulo-do-topico" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
  </div>
        <div id="onlinelist" class="pun-crumbs" style="border: 1px solid #dbe4ef; margin: 0px !important;">
                  <p><span class="visualizations"><b></b><br>Visualizações</span><b>Permissão deste fórum:</b><br />{S_AUTH_LIST}</p><br/>
                  <p><span class="likethis"><a href="#">Curtir</a></span><b>Diretório deste fórum:</b><br/><strong><a href="{U_INDEX}">Fóruns</a>{NAV_CAT_DESC}</strong></p>
      </div>
</div>

Código:

.visualizations, .likethis {
  display: inline-block;
  float: right;
  text-align: center;
  width: 90px;
}
.likethis {
  margin-top: 5px;
}
.likethis > a {
  background-color: #225985;
  border: 1px solid #1A4B71;
  border-radius: 3px;
  color: white !important;
  display: inline-block;
  font-weight: bold;
  padding: 2px 10px;
}

Código:

jQuery(window).ready(function() {
  if(_userdata.username !== jQuery('.post:first').find('.post_username span[itemprop="name"]').text()) {
    jQuery('.post:first').each(function() {
      try {
        var link = jQuery(this).find('.vote .vote-button a[href*="eval=plus"]').attr('href');
        jQuery('#onlinelist').find('.likethis a').attr('href', link);
      } catch(e) {
        jQuery('#onlinelist').find('.likethis').html('<b>Curtido</b>');
      }
    });
  } else {
    jQuery('#onlinelist').find('.likethis').html('<b>Curtido</b>');
  }
  jQuery.get(jQuery('#onlinelist').find('.likethis').closest('p').find('strong').find('a:last').attr('href'), function(data) {
    var id = jQuery('#stats #titulo-do-topico').attr('href').split('-')[0].split('t')[1];
    var vis = jQuery('.main.paged .main-content table.table', data).find('a.topictitle[href^="/t'+id+'-"]').closest('tr').find('.tc3#vier_ws .response_counter').text();
    jQuery('#onlinelist').find('.visualizations b').text(vis);
  });
});

Código:

jQuery(window).ready(function() {
  if(_userdata.username !== jQuery('.post:first').find('.post_username span[itemprop="name"]').text()) {
    jQuery('.post:first').each(function() {
      if(jQuery(this).find('.vote .vote-button a[href*="eval=plus"]').length) {
        var link = jQuery(this).find('.vote .vote-button a[href*="eval=plus"]').attr('href');
        jQuery('#onlinelist').find('.likethis a').attr('href', link);
      } else {
        jQuery('#onlinelist').find('.likethis').html('<b>Curtido</b>');
      }
    });
  } else {
    jQuery('#onlinelist').find('.likethis').html('<b>Curtido</b>');
  }
  jQuery.get(jQuery('#onlinelist').find('.likethis').closest('p').find('strong').find('a:last').attr('href'), function(data) {
    var id = jQuery('#stats #titulo-do-topico').attr('href').split('-')[0].split('t')[1];
    var vis = jQuery('.main.paged .main-content table.table', data).find('a.topictitle[href^="/t'+id+'-"]').closest('tr').find('.tc3#vier_ws .response_counter').text();
    jQuery('#onlinelist').find('.visualizations b').text(vis);
  });
});

[F]lames escreveu:Colocar a vírgula eu não consegui, desculpe.

Código:


console.clear();

// @ add commma, made by JScript - 11/06/2014
function addComma(iValue) {
    iValue = iValue.replace(/\D/g, "")
        .replace(/(\d)(\d{3})$/, "$1.$2")
        .replace(/(\d)(\d{6})$/, "$1.$2")
        .replace(/(\d)(\d{8})$/, "$1,$2");
    return iValue;
}

console.log( addComma(18353) );


JScript escreveu:

[F]lames escreveu:Colocar a vírgula eu não consegui, desculpe.

Aqui está um exemplo de função:

Código:


console.clear();

// @ add commma, made by JScript - 11/06/2014
function addComma(iValue) {
    iValue = iValue.replace(/\D/g, "")
        .replace(/(\d)(\d{3})$/, "$1.$2")
        .replace(/(\d)(\d{6})$/, "$1.$2")
        .replace(/(\d)(\d{8})$/, "$1,$2");
    return iValue;
}

console.log( addComma(18353) );


Execute no navegador para ver o efeito!

JS

Código:

// @ add commma, made by JScript - 11/06/2014
function addComma(iValue) {
iValue = iValue.replace(/\D/g, "").replace(/(\d)(\d{3})$/, "$1.$2").replace(/(\d)(\d{6})$/, "$1.$2").replace(/(\d)(\d{8})$/, "$1,$2");
return iValue;
}
jQuery(window).ready(function() {
  if(_userdata.username !== jQuery('.post:first').find('.post_username span[itemprop="name"]').text()) {
    jQuery('.post:first').each(function() {
      if(jQuery(this).find('.vote .vote-button a[href*="eval=plus"]').length) {
        var link = jQuery(this).find('.vote .vote-button a[href*="eval=plus"]').attr('href');
        jQuery('#onlinelist').find('.likethis a').attr('href', link);
      } else {
        jQuery('#onlinelist').find('.likethis').html('<b>Curtido</b>');
      }
    });
  } else {
    jQuery('#onlinelist').find('.likethis').html('<b>Curtido</b>');
  }
  jQuery.get(jQuery('#onlinelist').find('.likethis').closest('p').find('strong').find('a:last').attr('href'), function(data) {
    var id = jQuery('#stats #titulo-do-topico').attr('href').split('-')[0].split('t')[1];
    var vis = jQuery('.main.paged .main-content table.table', data).find('a.topictitle[href^="/t'+id+'-"]').closest('tr').find('.tc3#vier_ws .response_counter').text();
    jQuery('#onlinelist').find('.visualizations b').text(addComma(vis));
  });
});