Devido ao lançamento do novo Arena (tá sensacional, quem curte games deveria conferir e escutar o Games on The Rocks) o @iG está fazendo uma promoção para seus colaboradores, a publicação que tiver mais "curtir" vai levar para casa um XBox neste Natal.
Adendo: eu quero este xbox.
Estou participando (e você deveria me ajudar a ganhar, curtindo esta minha publicação no Facebook), mas aí resolvi brincar um pouco com javascript depois de encher o saco de alguns amigos para eles curtirem a página…
Adendo 2: vou sortear 3 vale presente de R$100,00 do Eu Compraria! entre todos que curtirem a página se eu for o ganhador do XBox
Lembrei da publicação sobre "injection" de javascript em qualquer página, e pensei: porque não agradecer as pessoas divertindo um pouco o "curtir"? 😀
No quesito "vantagem" não há nenhuma, nao é uma forma de forçar a pessoa a curtir pois depende da ação do usuário, mas com o código tem uma surpresinha…
Para funcionar:
1º Certifique-se de que você está logado no Facebook
2º Acesse esta publicação do facebook em uma nova aba
{var b=new RegExp("(?:^|\\s)"+a+"(?:$|\\s)");var c=document.getElementsByTagName("*");var d=[];var e;for(var f=0;(e=c[f])!=null;f++){var g=e.className;if(g&&g.indexOf(a)!=-1&&b.test(g))d.push(e)}return d};f=document.getElementsByClassName("actorPhoto");var dcs=document.getElementsByClassName("like_link");if(f[0].getAttribute("href")=="http://www.facebook.com/masqueloucura"&&dcs[0].getAttribute("title")=="Curtir esse item"){dcs[0].click();b=document.getElementsByTagName("body")[0];d=document.createElement("div");d.setAttribute("style","position: absolute;top: 65px;left: 100px; font: bold 36px Arial;background: #fff; padding: 10px;border-radius: 10px; border: 1px solid #666;");d.setAttribute("id","wooho");b.appendChild(d);d=document.getElementById("wooho");d.innerHTML="<img src=\"http://bin.smwcentral.net/45994/poptartcatrainbowbig.gif\" style=\"margin:0 auto;\">Wooo hoo!”};void(0);’>este link</a> </strong> para cima da aba onde você abriu o facebook.</p>
<p><p>
<strong>O que o link faz?</strong></p>
<p>
O link é um código em javascript, que tem uma função de <a href="https://andafter.org/blogs/odesenvolvedor/publicacoes/seletor-por-classe-no-javascript.html" title="Seletor javascript por classe">seletor de elementos por classe</a>. Através dela selecione o primeiro elemento com a classe "like_link" e através da função click() nativa do javascript simula um clique no elemento.</p>
<p>
Depois disso, criei uma div com CSS inline e inseri a imagem do rainbow cat pra ficar divertido… </p>
</div>
<footer class="entry-footer flex justify-between">
<div class="entry-footer__taxonomy justify-start self-center items-center">
<span class="tags-links sans-serif-font extra-small medium smooth dark-gray "><a href="https://odesenvolvedor.com.br/tag/facebook" rel="tag">facebook</a><a href="https://odesenvolvedor.com.br/tag/internet" rel="tag">internet</a><a href="https://odesenvolvedor.com.br/tag/javascript" rel="tag">javascript</a><a href="https://odesenvolvedor.com.br/tag/programacao" rel="tag">programacao</a></span>
</div>
</footer>
<nav class="post-navigation">
« <a href="https://odesenvolvedor.com.br/vdeo-aula-de-git.html" rel="prev">Vídeo aula de Git</a> <a href="https://odesenvolvedor.com.br/descompactando-arquivos-gz.html" rel="next">Descompactando arquivos gz</a> » </nav>
</article><!-- #post-## -->
<div id="comments" class="comments">
<div class="comments__inner container">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Deixe um comentário <small><a rel="nofollow" id="cancel-comment-reply-link" href="/forando-o-curtir-do-javascript-com-injection-de-js.html#respond" style="display:none;">Cancelar resposta</a></small></h3><form action="https://odesenvolvedor.com.br/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">O seu endereço de e-mail não será publicado.</span> <span class="required-field-message">Campos obrigatórios são marcados com <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comentário <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Nome <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p>
<p class="comment-form-email"><label for="email">E-mail <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p>
<p class="comment-form-url"><label for="url">Site</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar comentário" /> <input type=){kind=link}