Rec6 - Botão de número de votos já mandando o título
Opa.
Sei que estou falando demais nesse Rec6 mas, olhando minha postagem anterior, ví que dava pra fazer um upgrade que ia auxiliar a toda comunidade que tem o botão de número de votos do Rec6 no seu site.
Bom, no capítulo anterior (heheh postagem anterior), vimos que não precisamos ficar presos ao layout oferecido pelo script do Rec6 e aprendemos também a guardar em uma variável JavaScript a quantidade de votos de qualquer link no Rec6.
Mas, ví que, ao clicar no link do botão oferecido pelo script, só vai a URL da página para a indicação, não vai o título automaticamente. O que dá trabalho a nosso visitante que indica o post (ou a nós mesmos quando somos nós que indicamos). Temos que escrever toooodo o título (ou usar a técnica milenar do Ctrl+C Ctrl+V).
Chega de blablablá, o truque consiste apenas em alterar o href dos 2 links presentes no botão, via JavaScript. Simples não? Por que o mico não pensou nisso antes? Mico burro.
O script deles gera um botão sem o parâmetro ‘titulo’, nosso script adiciona ao link do botão o atributo ‘titulo’. É claro que pra fazer isto cada botão precisa estar dentro de algo (div) que tenha um nome único (ID). Mão na massa:
<div class="cod_syxt" id="cod_syxt_js">
<script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=http://sua_url" type="text/javascript"></script>
</div>
<script>
links_rec6 = document.getElementById("cod_syxt_js").getElementsByTagName("a");
ptos = links_rec6[0].innerHTML;
links_rec6[0].href = links_rec6[0].href + "&titulo=" + "Seu Titulo";
links_rec6[1].href = links_rec6[1].href + "&titulo=" + "Seu Titulo";
</script>
Se você tiver mais de um botão na mesma página, tem que usar alguma coisa pra dar um nome diferente pra cada div pai dos botões. Eu usei os IDs das postagens. Veja abaixo.
Pro pessoal do Blogger:
<div class="cod_syxt_css" id="cod_syxt_js_<$BlogItemNumber$>">
<script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=<$BlogItemPermalinkUrl$>" type="text/javascript"></script>
</div>
<script>
links_rec6 = document.getElementById("cod_syxt_js_<$BlogItemNumber$>").getElementsByTagName("a");
ptos = links_rec6[0].innerHTML;
links_rec6[0].href = links_rec6[0].href + "&titulo=" + "<$BlogItemTitle$>";
links_rec6[1].href = links_rec6[1].href + "&titulo=" + "<$BlogItemTitle$>";
</script>
Não sei muito de WordPress mas arrisquei aqui:
<div class="cod_syxt_css" id="cod_syxt_js_<?php the_ID(); ?>">
<script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=<?php the_permalink(); ?>" type="text/javascript"></script>
</div>
<script>
links_rec6 = document.getElementById("cod_syxt_js_<?php the_ID(); ?>").getElementsByTagName("a");
ptos = links_rec6[0].innerHTML;
links_rec6[0].href = links_rec6[0].href + "&titulo=" + "<?php the_title(); ?>";
links_rec6[1].href = links_rec6[1].href + "&titulo=" + "<?php the_title(); ?>";
</script>
Veja esse negócio funcionando ao passar o mouse sobre o botão que tem aqui no meu blog (aproveita e clica heheh). Veja na barra de status que, além do parâmetro ‘url’, agora também temos o parâmetro ‘titulo’.
Bugs? Grita nos comentários ae. Té. (Agora acho que já acabaram minhas postagens sobre Rec6).
Não mande dúvidas nos comentários ou no meu e-mail. Mande elas para o fórum de desenvolvedores Webly. Tem mais gente lá gabaritada a responder e você não fica dependendo só do mico.
