Rec6 - Pegando o número de votos de qualquer postagem

Opa pessoal,

Lembram-se da minha reclamação do botão do Rec6 com código feio?

Pois é. O tópico ficou 1 dia e meio em primeiro lugar no Rec6, mandei mensagem para os caras do syxt, mas nada de alguém mostrar alguma solução (como escolha de skins para o botão, ou uma página para recuperar o valor diretamente, ou pelo menos, um código menos feio). Daí, nós mortais, temos que nos virar pra resolver a questã. hehehee

Implantei a solução no meu blog, quase que eu esqueço de falar pra vocês aqui comé que foi, mas lembrei: pegando o número de votos do seu post de qualquer post no Rec6 via JavaScript.

Bora ao trabalho.

Bom, primeiramente identei este belo código gerado pelo script do Rec6:

<div style="font-family: Trebuchet MS, Tahoma, Verdana, Arial; background-image:url(http://rec6.via6.com/imagens/pontos_bg.gif); background-repeat:no-repeat; text-align:center;width:57px;height:80px;padding:3px 2px 3px 2px; line-height:normal;" valign="top"> <div style="color: #ffc317; font-size: 21px; margin: 0; padding: 0"> <a href="http://rec6.via6.com/link.php?nv=1&url=http://elmicox.blogspot.com" style="text-decoration:none; color: #ffc317;font-size: 21px; "> 0 </a> </div> <div style="color: #ffc317; font-size: 12px; margin: 0; padding: 0"> Pontos </div> <div style="margin: 10px 0px 0px 0px; color: #A5A5A5;"> <a href="http://rec6.via6.com/link.php?url=http://elmicox.blogspot.com"> <img src="http://rec6.via6.com/imagens/botao_subir.gif" border="0" /> </a> </div> </div>

Fica melhor assim né?

<div style="font-family: Trebuchet MS, Tahoma, Verdana, Arial;
  background-image:url(http://rec6.via6.com/imagens/pontos_bg.gif); background-repeat:no-repeat;
  text-align:center;width:57px;height:80px;padding:3px 2px 3px 2px; line-height:normal;" valign="top">
  <div style="color: #ffc317; font-size: 21px; margin: 0; padding: 0">
    <a href="http://rec6.via6.com/link.php?nv=1&url=http://elmicox.blogspot.com"
      style="text-decoration:none; color: #ffc317;font-size: 21px; ">
      0
    </a>
  </div>
  <div style="color: #ffc317; font-size: 12px; margin: 0; padding: 0">
    Pontos
  </div>
  <div style="margin: 10px 0px 0px 0px; color: #A5A5A5;">
    <a href="http://rec6.via6.com/link.php?url=http://elmicox.blogspot.com">
      <img src="http://www.syxt.com.br/rec6/imagens/botao_subir.gif" border="0" />
    </a>
  </div>
</div>

Agora já fica fácil perceber que pra pegar o número de votos via JavaScript é só pegar o innerHTML da primeira tag A.
Pero antes, agente tem que colocar uma div ao redor do script, para nomeá-la e ser possível chegar ao código gerado do script do Rec6.

Ficará assim:

  <div id="cod_syxt">
    <script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=<$BlogItemPermalinkUrl$>" type="text/javascript"></script>
  </div>
  <!-- pegando a quantidade de pontos no Rec6 e jogando na var ptos -->
  <script>ptos = document.getElementById("cod_syxt").getElementsByTagName("a")[0].innerHTML;</script>

Veja que eu coloquei uma div ao redor do script (chamada cod_syxt). Daí todo código javascript gerado pelo Rec6 ficará aí dentro. Depois é só buscar o primeiro elemento A e guardar na variável chamada "ptos".

Como usar a variável "ptos"? Ué, do jeito que você quiser.
Por exemplo, assim:

<p>Olá, tenho <script>document.write(ptos)</script> pontos no Rec6. <a href="link_do_rec6">Clique aqui</a> para aumentar meus pontos</p>

Beleza né? Sem mexer com PHP ou com plugin (é claro que existem ótimos plugins para o Wordpress do Rec6 se quiser usar).

Se ainda quiser, também pode mexer ou ocultar o código gerado do Rec6 via CSS.
Por exemplo:

#cod_syxt { display: none; /* oculta o botão do rec6, mas a variável ptos continua valendo */}

Ou

#cod_syxt { width: 63px; margin: 4px 10px; float: left; /* coloca o botão à esquerda do texto */}

(Perceba que se pode pegar a quantidade de votos de qualquer link, é só mudar o link.)

Se procura dicas sobre como inserir o código do Rec6 no wordpress ou blogger, veja este post.

Dúvidas, erros ou comentários posta ae :)

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.