Botão personalizado do DiHITT

Nesta matéria vou demonstrar como fazer um widget personalizado do DiHITT, assim você pode personalizar o botão de voto conforme cores e temas de seu site.

Por Programação Pular para comentários
Botão personalizado do DiHITT
Olá caro leitor. Nesta matéria vou demonstrar como fazer um widget personalizado do DiHITT, assim você pode personalizar o botão de voto conforme cores e temas de seu site.

Para isto o DiHITT disponibilizou a partir de hoje um XML que retorna o número de votos, url da notícia publicada no DiHITT, e ainda os comentários que a notícia teve, assim você pode colocar no seu site/blog os comentários que teve no DiHITT juntamente com os comentários de seu site/blog.

Bom criei uma função chamada widgetDiHITT que você precisa apenas passar a url seguinte:

http://widget.dihitt.com.br/tools/api_link?url=http://www.seusite.com /link_da_noticia&title=Título da notícia

assim, o XML do DiHITT retorna o seguinte XML:


<a class='lib' href='https://www.oficinadanet.com.br/google'>Google</a> Developer Day reúne desenvolvedores
http://dihitt.com.br/noticia/google-developer-day-reune-desenvolvedores
16
0
1


onde:
</strong> = titulo da notícia<br /> <strong><uri></strong> = url da notícia no DiHITT<br /> <strong><votes></strong> = votos no DiHITT<br /> <strong><comments_count></strong> = comentários que a notícia teve<br /> <strong><status></strong> = status da notícia (1 = ok)(5 = popular (notícia popular no DiHITT )) (17 = erro (notícia não existe) )<br /> <br /> E se você passar mais um parâmetro: &comments=1 o XML retorna os comentários que a notícia teve em blocos:<br /> <pre><code><comment><br /> <comment_user_login>bcpetronzio</comment_user_login><br /> <comment_user_name/><br /> <comment_user_url/><br /> <comment_date>Sat, 05 Jul 2008 18:24:34 GMT</comment_date><br />     <comment_content>Comentário</comment_content><br /> </comment></code></pre><br /> <br /> Este bloco vai retornar no XML caso tenha comentários na notícia. Cada comentário gera um bloco destes acima.<br /> <br /> Bom vamos a função que eu criei para carregar o XML:<br /> <pre><code>function widgetDiHITT( $url )<br /> {<br /> if(@fopen($url, 'r'))<br /> {<br /> $xml = file_get_contents($url);<br /> <br /> $parser = xml_parser_create();<br /> xml_parse_into_struct($parser, $xml, $dados, $index);<br /> xml_parser_free($parser);<br /> <br /> for($x = 0; $x < count($dados); $x++)<br /> if($dados[$x][ 'tag' ] == 'STATUS')<br /> $ST = $dados[$x][ 'value' ];<br /> <br /> for($x = 0; $x < count($dados); $x++)<br /> if($dados[$x]["tag"] == 'URI')<br /> $URI = $dados[$x][ 'value' ];<br /> <br /> if($ST != 17)<br /> {<br /> for($x = 0; $x < count($dados); $x++)<br /> if($dados[$x][ 'tag' ] == 'VOTES')<br /> $VOTOS = $dados[$x][ 'value' ];<br /> if($VOTOS > 1)<br /> $s = 's';<br /> $link = "<a class='dihitt' href='".$URI ."' title='indicar para o DiHITT' target='_blank'><span>DiHITT</span>: ".$VOTOS." voto$s</a>";<br /> }<br /> else<br /> $link = "<a class='dihitt' href='".$URI."' title='indicar para o DiHITT' target='_blank'><span>DiHIIT</span>: indicar</a>";<br /> <br /> return $link;<br /> }<br /> }</code></pre><br /> <br /> A função é um tanto simples, ela verifica se a URL existe, caso exista ela lê todo o XML, depois aplica a função <strong>xml_parser_create</strong> para dividir todas as tags em um array.<br /> <br /> Então faço um for para encontrar a tag STATUS, o for é usado, caso venha a trocar a ordem dos blocos no XML, então com o FOR isto torna-se genérico, ou seja, pode alterar a ordem que não perderá a validade dos dados.<br /> <br /> Após encontrar o STATUS eu procuro a tag URI, que retorna ou a URL para voto caso exista a notícia, ou a URL para indicação da notícia no DiHITT.<br /> <br /> Então ela verifica se o STATUS for diferente de 17 ou seja, se não tem erro algum, então ela monta o link para votar e mostra o número de votos que a notícia teve.<br /> <br /> Caso o status for igual a 17 ela cria o link para indicação.<br /> <br /> Está função deve ser chamada da seguinte forma:<br /> <br /> <pre><code>$url = "http://widget.dihitt.com.br/tools/api_link?url=http://www.seusite.com/link_da_noticia&title=Título da notícia";<br /> $dihitt = widgetDiHITT($url);<br /> echo $dihitt;</code></pre><br /> <br /> O retorno da função na variável $dihitt retorna:<br /> <pre><code><a class='dihitt' href='http://dihitt.com.br/noticia/video-aula-conexao-e-busca-no-banco-de-dados' title='indicar para o DiHITT' target='_blank'><span>DiHITT</span>: 8 votos</a></code></pre><br /> Assim você pode usar CSS para deixar do seu gosto o botão. Pode também alterar a função e adicionar novas tags dentro do <a>. <br /> <br /> Como acima falei se você passar o parâmetro &comments=1 junto na $url, o XML retorna os comentários.<br /> <br /> Bom pessoal, está aí a função, espero que utilizem-a. Vocês podem usar o STATUS ainda para seu proveito, por exemplo se ele retornar o status = 5 significa que a notícia é popular no DiHITT.<br /> <br /> <em>O XML tem um cache de 2 minutos, então caso você vote e não mude o valor, aguarde uns instantes.</em><br /> <br /> O resultado pode ser visto nesta matéria, vejam ao lado do título o botão do DiHITT personalizado.<br /> <br /> Peço que qualquer melhoria na função publiquem nos comentários.<br /> <br /> <br /> <h3 class='interno'>Botão personalizado em blogs</h2><br /> <hr /><br /> Caso você não tenha muita experiência com PHP, criei um script para você utilizar em seu blog, basta colocar está linha:<br /> <br /> <strong>Wordpress:</strong><br /> <pre><code><script type="text/javascript" src="http://www.oficinadanet.com.br/dihitt.php?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"></script></code></pre><br /> <br /> <strong>Blogger Novo:</strong><br /> <pre><code><script type="text/javascript" src="http://www.oficinadanet.com.br/dihitt.php?url=" + data:post.url + "&title=" + data:post.title'></script></code></pre><br /> <br /> <strong>Blogger Antigo:</strong><br /> <pre><code><script type="text/javascript" src="http://www.oficinadanet.com.br/dihitt.php?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>"></script></code></pre><br /> <br /> <strong>Seu site:</strong><br /> <pre><code><script type="text/javascript" src="http://www.oficinadanet.com.br/dihitt.php?url=http://www.seusite.com/linknoticia&title=titulo"></script></code></pre><br /> <br /> Qualquer dúvida poste no comentário.<br /> <strong><br /> Este script é gratuito para você utilizar, portanto, ajude-nos também, adicione um link do Oficina da Net em seu site - <a rel="nofollow" href="http://www.oficinadanet.com.br" target="_blank">www.oficinadanet.com.br</a></strong><br /> <hr /><br /> <br /> Abraço a todos e viva o DiHITT.<br /> <br /> PS.: Obrigado ao Pablo, por dispor do XML, será de grande utilidade a todos, tenho certeza.</p><script src="https://painel.m3midia.com.br/lib/prism/prism.js"></script><link rel="stylesheet" type="text/css" href="https://painel.m3midia.com.br/lib/prism/prism.css"></p> </div> </div> <script>try { _402_Show(); } catch(e) {}</script> <div class="wifl m-b-10">Compartilhe com seus amigos:</div> <div class="share-area2 m-b-30" > <span class="bg9" onclick=" window.open('https://www.facebook.com/sharer/sharer.php?app_id=209309632417494&u=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dfacebook%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais','','width=600,height=400'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=838','flgcomment'); " ><span class="bt1-facebook"></span></span> <span class="bg8" onclick=" window.open('https://twitter.com/intent/tweet?text=Bot%C3%A3o+personalizado+do+DiHITT+%7C+Por+%40nmuller99+%7C+&url=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dtwitter%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais&via=oficinadanet','','width=600,height=400'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&twitter=1&id=838','flgcomment'); " ><span class="bt1-twitter" ></span></span> <span class="bg24" onclick=" window.open('https://api.whatsapp.com/send?text=Botão personalizado do DiHITT - https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dwhatsapp%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais'); " ><span class="bt1-whatsapp" ></span></span> <span class="bg8 " onclick=" window.open('https://telegram.me/share/url?url=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dtelegram%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais&text=Bot%C3%A3o+personalizado+do+DiHITT'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=838','flgcomment'); " ><span class="bt1-telegram" ></span></span> </div> </div> <div class="bar2" > <div class="bar2"> <div class="bl-fl m-b-40"> <span class="titulo1"><span>Siga o Oficina da Net</span></span> <a href="https://www.youtube.com/oficinadanet" target="_blank" rel="nofollow noreferrer noopener" class="fl-yt bl-fl-box"><span class="bl-fl-ico"></span><span class="bl-fl-text">108.746 inscritos</span><span class="bl-fl-bt">Inscrever</span></a> <a href="https://www.instagram.com/oficinadanetoficial/" target="_blank" rel="nofollow noreferrer noopener" class="fl-ig bl-fl-box"><span class="bl-fl-ico"></span><span class="bl-fl-text">7.590 seguidores</span><span class="bl-fl-bt">Seguir</span></a> <a href="https://twitter.com/OficinadaNet" target="_blank" rel="nofollow noreferrer noopener" class="fl-tw bl-fl-box"><span class="bl-fl-ico"></span><span class="bl-fl-text">11.742 seguidores</span><span class="bl-fl-bt">Seguir</span></a> <a href="https://www.facebook.com/oficinadanet/" target="_blank" rel="nofollow noreferrer noopener" class="fl-fb bl-fl-box"><span class="bl-fl-ico"></span><span class="bl-fl-text">126.877 curtidas</span><span class="bl-fl-bt">Curtir</span></a> </div> <div class="wifl m-b-40"><span class="titulo1"><span>Destaques</span></span><ul class="lst12 wifl lsn " ><li > <div class="pdest" > <a class="img box-img" href="https://www.oficinadanet.com.br/apple/28580-5-motivos-para-fazer-a-atualizacao-macos-catalina-em-seu-mac" ><img srcset="https://www.oficinadanet.com.br/imagens/post/28580/120x75xatualizacao-do-macos-catalina_1400x875_5dd6f061d9aad.jpeg.pagespeed.ic.ed95b06c88.jpeg , https://www.oficinadanet.com.br/imagens/post/28580/240x150xatualizacao-do-macos-catalina_1400x875_5dd6f061d9aad.jpeg.pagespeed.ic.ed95b06c88.jpeg 2x ,https://www.oficinadanet.com.br/imagens/post/28580/360x225xatualizacao-do-macos-catalina_1400x875_5dd6f061d9aad.jpeg.pagespeed.ic.ed95b06c88.jpeg 3x " width="120" height="75" src="https://www.oficinadanet.com.br/imagens/post/28580/120x75xatualizacao-do-macos-catalina_1400x875_5dd6f061d9aad.jpeg.pagespeed.ic.ed95b06c88.jpeg" title="5 Razões para fazer a atualização do MacOS Catalina" alt="5 Razões para fazer a atualização do MacOS Catalina" > </a> <div class="info" > <span class="tit" ></span> <h3 class="tit tit2" > <a href="https://www.oficinadanet.com.br/apple/28580-5-motivos-para-fazer-a-atualizacao-macos-catalina-em-seu-mac" >5 Razões para fazer a atualização do MacOS Catalina</a> </h3> </div> </div> </li><li > <div class="pdest" > <a class="img box-img" href="https://www.oficinadanet.com.br/smartphones/28597-lg-g8x-thinq-no-brasil" ><img srcset="https://www.oficinadanet.com.br/imagens/post/28597/120x75xcapa.jpg.pagespeed.ic.b21a9d1982.jpg , https://www.oficinadanet.com.br/imagens/post/28597/240x150xcapa.jpg.pagespeed.ic.b21a9d1982.jpg 2x ,https://www.oficinadanet.com.br/imagens/post/28597/360x225xcapa.jpg.pagespeed.ic.b21a9d1982.jpg 3x " width="120" height="75" src="https://www.oficinadanet.com.br/imagens/post/28597/120x75xcapa.jpg.pagespeed.ic.b21a9d1982.jpg" title="LG G8X ThinQ e a DualScreen: Hands-on e primeiras impressões" alt="LG G8X ThinQ e a DualScreen: Hands-on e primeiras impressões" > </a> <div class="info" > <span class="tit" ></span> <h3 class="tit tit2" > <a href="https://www.oficinadanet.com.br/smartphones/28597-lg-g8x-thinq-no-brasil" >LG G8X ThinQ e a DualScreen: Hands-on e primeiras impressões</a> </h3> </div> </div> </li><li > <div class="pdest" > <a class="img box-img" href="https://www.oficinadanet.com.br/hardware/28532-review-monitor-warrior-144hz-curvo-o-melhor-144hz-de-entrada" ><img srcset="https://www.oficinadanet.com.br/imagens/post/28532/120x75xwarriorkaicapa.jpg.pagespeed.ic.b02240f383.jpg , https://www.oficinadanet.com.br/imagens/post/28532/240x150xwarriorkaicapa.jpg.pagespeed.ic.b02240f383.jpg 2x ,https://www.oficinadanet.com.br/imagens/post/28532/360x225xwarriorkaicapa.jpg.pagespeed.ic.b02240f383.jpg 3x " width="120" height="75" src="https://www.oficinadanet.com.br/imagens/post/28532/120x75xwarriorkaicapa.jpg.pagespeed.ic.b02240f383.jpg" title="Review Monitor Warrior 144hz Curvo - O melhor 144hz de entrada?" alt="Review Monitor Warrior 144hz Curvo - O melhor 144hz de entrada?" > </a> <div class="info" > <span class="tit" ></span> <h3 class="tit tit2" > <a href="https://www.oficinadanet.com.br/hardware/28532-review-monitor-warrior-144hz-curvo-o-melhor-144hz-de-entrada" >Review Monitor Warrior 144hz Curvo - O melhor 144hz de entrada?</a> </h3> </div> </div> </li><li > <div class="pdest" > <a class="img box-img" href="https://www.oficinadanet.com.br/apps/28601-nova-lente-do-snapchat-permite-que-voce-se-veja-de-bebe-a-idoso-em-um-deslizar-de-dedos" ><img srcset="https://www.oficinadanet.com.br/imagens/post/28601/120x75xsnapchat-time-machine-nova-lente-traz-efeitos-que-nos-deixam-jovens-e-nos-transformam-em-idosos-em-um-deslizar-de-dedos.jpg.pagespeed.ic.5284d5182e.jpg , https://www.oficinadanet.com.br/imagens/post/28601/240x150xsnapchat-time-machine-nova-lente-traz-efeitos-que-nos-deixam-jovens-e-nos-transformam-em-idosos-em-um-deslizar-de-dedos.jpg.pagespeed.ic.5284d5182e.jpg 2x ,https://www.oficinadanet.com.br/imagens/post/28601/360x225xsnapchat-time-machine-nova-lente-traz-efeitos-que-nos-deixam-jovens-e-nos-transformam-em-idosos-em-um-deslizar-de-dedos.jpg.pagespeed.ic.5284d5182e.jpg 3x " width="120" height="75" src="https://www.oficinadanet.com.br/imagens/post/28601/120x75xsnapchat-time-machine-nova-lente-traz-efeitos-que-nos-deixam-jovens-e-nos-transformam-em-idosos-em-um-deslizar-de-dedos.jpg.pagespeed.ic.5284d5182e.jpg" title="Nova lente do Snapchat permite que você se veja de bebê a idoso em um deslizar de dedos" alt="Nova lente do Snapchat permite que você se veja de bebê a idoso em um deslizar de dedos" > </a> <div class="info" > <span class="tit" ></span> <h3 class="tit tit2" > <a href="https://www.oficinadanet.com.br/apps/28601-nova-lente-do-snapchat-permite-que-voce-se-veja-de-bebe-a-idoso-em-um-deslizar-de-dedos" >Nova lente do Snapchat permite que você se veja de bebê a idoso em u...</a> </h3> </div> </div> </li><li > <div class="pdest" > <a class="img box-img" href="https://www.oficinadanet.com.br/netflix2020/27994-datas-de-estreia-das-series-mais-aguardadas-na-netflix-em-2020" ><img srcset="https://www.oficinadanet.com.br/imagens/post/27994/120x75xcapa-datas-ss.jpg.pagespeed.ic.ad6bd1f1fc.jpg , https://www.oficinadanet.com.br/imagens/post/27994/240x150xcapa-datas-ss.jpg.pagespeed.ic.ad6bd1f1fc.jpg 2x ,https://www.oficinadanet.com.br/imagens/post/27994/360x225xcapa-datas-ss.jpg.pagespeed.ic.ad6bd1f1fc.jpg 3x " width="120" height="75" src="https://www.oficinadanet.com.br/imagens/post/27994/120x75xcapa-datas-ss.jpg.pagespeed.ic.ad6bd1f1fc.jpg" title="Datas de estreia das séries mais aguardadas na Netflix em 2020" alt="Datas de estreia das séries mais aguardadas na Netflix em 2020" > </a> <div class="info" > <span class="tit" ></span> <h3 class="tit tit2" > <a href="https://www.oficinadanet.com.br/netflix2020/27994-datas-de-estreia-das-series-mais-aguardadas-na-netflix-em-2020" >Datas de estreia das séries mais aguardadas na Netflix em 2020</a> </h3> </div> </div> </li></ul></div> </div> <div class="bar2 p-rel" id="out_post_barra" data-distance="30" > <div class="bar2" id="post_barra" > <div style='height:600px;' class='wifl m-b-40'> <!-- /6524261/ON_300x600_LATERAL --> <div id='div-gpt-ad-1555093777375-0'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1555093777375-0'); }); </script> </div> </div> </div> </div> </div> <div class="wifl bottom_pause_post_barra"> <div class="wifl"><span class="titulo1" ><span>NOTÍCIAS RELACIONADAS</span></span><ul class="lst4 post wifl lsn " ><li > <a class="img box-img2" href="https://www.oficinadanet.com.br/artigo/flash/galeria-de-imagens-em-flash-impulsionada-e-com-xml" > <span class="label_tpl1 fix-bl bg1"></span> <img srcset="https://www.oficinadanet.com.br/template/imagem/padrao.jpg , https://www.oficinadanet.com.br/template/imagem/padrao.jpg 2x ,https://www.oficinadanet.com.br/template/imagem/padrao.jpg 3x " width="263" height="149" src="https://www.oficinadanet.com.br/template/imagem/padrao.jpg" title="Galeria de imagens em Flash Impulsionada e com XML" alt="Galeria de imagens em Flash Impulsionada e com XML" > </a> <h3 class="wifl tit4"> <a href="https://www.oficinadanet.com.br/artigo/flash/galeria-de-imagens-em-flash-impulsionada-e-com-xml" > Galeria de imagens em Flash Impulsionada e com XML </a> </h3> <div class="wifl nfo"> <span class="ass-autor cor2">Thauan Almeida</span></div> </li><li > <a class="img box-img2" href="https://www.oficinadanet.com.br/post/2488-como_fazer_um_menu_em_sanfona_no_flash" > <span class="label_tpl1 fix-bl bg1"></span> <img srcset="https://www.oficinadanet.com.br/template/imagem/padrao.jpg , https://www.oficinadanet.com.br/template/imagem/padrao.jpg 2x ,https://www.oficinadanet.com.br/template/imagem/padrao.jpg 3x " width="263" height="149" src="https://www.oficinadanet.com.br/template/imagem/padrao.jpg" title="Como fazer um menu em sanfona no flash" alt="Como fazer um menu em sanfona no flash" > </a> <h3 class="wifl tit4"> <a href="https://www.oficinadanet.com.br/post/2488-como_fazer_um_menu_em_sanfona_no_flash" > Como fazer um menu em sanfona no flash </a> </h3> <div class="wifl nfo"> <span class="ass-autor cor2">Thauan Almeida</span></div> </li><li > <a class="img box-img2" href="https://www.oficinadanet.com.br/artigo/xml/caracteristicas_da_linguagem_xml" > <span class="label_tpl1 fix-bl bg1"></span> <img srcset="https://www.oficinadanet.com.br/template/imagem/padrao.jpg , https://www.oficinadanet.com.br/template/imagem/padrao.jpg 2x ,https://www.oficinadanet.com.br/template/imagem/padrao.jpg 3x " width="263" height="149" src="https://www.oficinadanet.com.br/template/imagem/padrao.jpg" title="Características da linguagem XML" alt="Características da linguagem XML" > </a> <h3 class="wifl tit4"> <a href="https://www.oficinadanet.com.br/artigo/xml/caracteristicas_da_linguagem_xml" > Características da linguagem XML </a> </h3> <div class="wifl nfo"> <span class="ass-autor cor2">Redação Oficina</span></div> </li><li > <a class="img box-img2" href="https://www.oficinadanet.com.br/artigo/2305/criando_um_leitor_de_noticias_xml_rss_em_php" > <span class="label_tpl1 fix-bl bg1"></span> <img srcset="https://www.oficinadanet.com.br/template/imagem/padrao.jpg , https://www.oficinadanet.com.br/template/imagem/padrao.jpg 2x ,https://www.oficinadanet.com.br/template/imagem/padrao.jpg 3x " width="263" height="149" src="https://www.oficinadanet.com.br/template/imagem/padrao.jpg" title="Criando um Leitor de Notícias XML (RSS) em PHP" alt="Criando um Leitor de Notícias XML (RSS) em PHP" > </a> <h3 class="wifl tit4"> <a href="https://www.oficinadanet.com.br/artigo/2305/criando_um_leitor_de_noticias_xml_rss_em_php" > Criando um Leitor de Notícias XML (RSS) em PHP </a> </h3> <div class="wifl nfo"> <span class="ass-autor cor2">Rafael Garcia</span></div> </li></ul> </div> </div> <div class="wifl m-t-40 m-b-40"> <div class="wifl" id="boxcomment" > <span class="titulo1 tit_tag" ><span>Comentários:</span></span> <div id="btcarregarcomments_disqus" class="bt-all tpl2 wifl">Carregar comentários</div> <div id="comment" class="comentarios_box"> <div id="disqus_thread"></div> </div> </div> </div> <div id="share_container" class=" left"> <ul class="share_menu left vertical"> <li class="share_btn visible" title="Facebook" onclick=" window.open('https://www.facebook.com/sharer/sharer.php?app_id=209309632417494&u=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dfacebook%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais','','width=600,height=400'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=838','flgcomment'); " ><span id="btsfacebook" title="Facebook" class="btshare facebookShare">Facebook</span></li> <li class="share_btn visible" title="Twitter" onclick=" window.open('https://twitter.com/intent/tweet?text=Bot%C3%A3o+personalizado+do+DiHITT+%7C+Por+%40nmuller99+%7C+&url=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dtwitter%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais&via=oficinadanet','','width=600,height=400'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&twitter=1&id=838','flgcomment'); " ><span id="btstwitter" title="Twitter" class="btshare twitterShare">Twitter</span></li> <li class="share_btn visible" title="Email" onclick=" document.location='mailto:?subject=Botão personalizado do DiHITT | Por @nmuller99 | &body=Artigo: https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dshr_mail%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais'; ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=838','flgcomment'); " ><span id="btsemail" title="Email" class="btshare emailShare">Email</span></li> <li class="share_btn visible" title="WhatsApp" onclick=" window.open('https://api.whatsapp.com/send?text=Botão personalizado do DiHITT - https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dwhatsapp%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais'); " ><span id="btswhatsapp" title="WhatsApp" class="btshare whatsappShare">WhatsApp</span></li> <li class="share_btn visible" title="Telegram" onclick=" window.open('https://telegram.me/share/url?url=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2F1015%2Fbotao_personalizado_do_dihitt%3Futm_source%3Dtelegram%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais&text=Bot%C3%A3o+personalizado+do+DiHITT'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=838','flgcomment'); " ><span id="btstelegram" title="Telegram" class="btshare telegramShare">Telegram</span></li> </ul> </div> </section> </div></div> <script> var disqus_shortname = 'oficinadanet'; // required: replace example with your forum shortname var disqus_url = 'https://www.oficinadanet.com.br/artigo/1015/botao_personalizado_do_dihitt'; var disqus_config = function () { this.callbacks.onNewComment = [function(comment) {ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=838','flgcomment'); }]; }; function carregaComentariosDisqus() { $('#btcarregarcomments_disqus').hide(); (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); } </script> <div style="display:none;" id="flgcomment"></div> <script> function loadLazyMateria() {carregaComentariosDisqus(); } </script> </section> <footer class="footer wifl" id="footer"> <div class="corpo"> <a href="https://www.oficinadanet.com.br" class="logo2"></a> <div class="out-menu-footer"> <ul class="menu-footer lst-footer1 wifl"> <li><a href="https://www.oficinadanet.com.br/sobre">Sobre</a></li> <li><a href="https://www.oficinadanet.com.br/contato">Contato</a></li> <li><a href="https://www.oficinadanet.com.br/privacidade" >Política de Privacidade</a></li> <li><a href="https://www.oficinadanet.com.br/colabore" >Trabalhe conosco</a></li> </ul> <ul class="menu-footer wifl"> <li><span class="linksredes" onclick="window.open('https://www.facebook.com/oficinadanet')">Facebook</span></li> <li><span class="linksredes" onclick="window.open('https://www.youtube.com/user/oficinadanettv')">Youtube</span></li> <li><span class="linksredes" onclick="window.open('https://twitter.com/OficinadaNet')">Twitter</span></li> <li><span class="linksredes" onclick="window.open('https://www.instagram.com/oficinadanetoficial/')">Instagram</span></li> <li><span class="linksredes" onclick="window.open('https://t.me/oficinadanet')">Grupo no Telegram</span></li> </ul> <ul class="menu-footer wifl"> <li><a href="https://www.oficinadanet.com.br/siga-nossas-redes-sociais" >Siga as nossas redes sociais</a></li> </ul> </div> <div class="out-menu-cupons"> <span>Descontos</span> <ul class="lst_cupons wifl lsn"> <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-netshoes">Descontos Netshoes</a></li> <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-saraiva">Descontos Saraiva</a></li> <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-livraria-cultura">Descontos Livraria Cultura</a></li> <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-fast-shop">Descontos Fast Shop</a></li> <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-sou-barato">Descontos Sou Barato</a></li> </ul> </div> <div class="box-m3" > <p class="wifl txt1">Um site do grupo</p> <a class="m3midia" href="http://www.m3midia.com.br"></a> <p class="wifl txt2">© 2005-2019 <span>M3 Mídia</span></p> <p class="wifl txt2">Todos os direitos reservados</p> </div> </div> </footer><script> var tempo = '1800'; window.setTimeout('location.reload();', tempo*1000); </script> <div class="wifl hgt100 blackoverlay" id="blackoverlay"></div> <div id="out_lib" > <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> </div> <script> var vv={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=vv._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=vv._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}} function BV(str){return vv.decode(str);} function scrollPageToID(id) { $('html,body').animate({ scrollTop: $('#'+id).offset().top - ( $(window).height() - $('#'+id).outerHeight(true) ) / 2 }, 700); } function serializeDataAttr(form) { var dataarr = new Array(); for(var i in form.data()) { var subarr = new Array(); subarr['name'] = i; subarr['value'] = form.data()[i]; dataarr.push(subarr); } return $.param(form.serializeArray().concat(dataarr)); } function testaVazio(campo,comparacao,mensagem,erro) { if (erro == true) {return true;} if (document.getElementById(campo).value == comparacao) { alert (mensagem); document.getElementById(campo).value = ""; document.getElementById(campo).focus(); return true; } else {return false;} } function testaCheckBox(classe,mensagem) { erro = true; checkboxes = document.getElementsByClassName(classe); for(var i=0, n=checkboxes.length; i<n; i++) { if(checkboxes[i].checked) erro = false; } if(erro == true) { alert(mensagem); checkboxes[0].focus(); return true; } else return false; } function setCookie (name,value,expires,path,domain,secure) { document.cookie = name + "=" + escape (value) + ((expires) ? "; expires=" + expires.toUTCString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); } function ajaxDireto(url,param,retorno,tipo) //usa jquery { if(!tipo) tipo = "POST" $.ajax({ type: tipo, url: url, data: param, success: function(html){ $("#"+retorno).html(html); } }); } function newsletterCad(e,step) { // alert(step); // alert(e); } function populaSelectCidade(ele) { ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=populaSelectCidade&sigla='+$(ele).val(),'select_cidade'); } $(document).ready(function (e) { var header_height = $("header").height(); $(window).scroll(function(){ var scrolltop = $(window).scrollTop(); if(scrolltop > 0) $('#out-img-curso-aberto').css('top',(($(window).scrollTop()/2) *-1) + header_height); else $('#out-img-curso-aberto').css('top',header_height+'px'); }); }); var scroll_aux = 0; var header_top = $("#header").offset().top; var header_height = $("#header").outerHeight(); var window_height = $(window).height(); var height_document = $(document).height(); function fixedMenu() { var scroll = $(window).scrollTop(); if( scroll >= (header_top+header_height) ) { if(scroll < scroll_aux ) { $('#mov_header').css({'position':'fixed',transition: '0.3s','top':'0px'}); } else { if( (scroll+window_height+20) > height_document ) { $('#mov_header').css({'position':'fixed',transition: '0.3s','top':'0px'}); } else { var v_tra = '0.3s'; if( scroll <= ( header_top + header_height + 100) ) v_tra = '0s'; $('#mov_header').css({'position':'fixed',transition: v_tra,'top':'-'+header_height+'px'}); } } } else if(scroll <= header_top) { $('#mov_header').css({'position':'absolute',transition: '0.3s','top':'0px'}); } scroll_aux = scroll; } function boxHoverSite(act,cic,e) { var top = $(e).offset().top+$(e).outerHeight(); var e_hover = ''; if($(e).data('box-hover')) { e_hover = '#'+$(e).data('box-hover')+'_hover'; switch(act) { case 2: $('.contr_hov_itens').fadeOut(0); $(e_hover).fadeIn(400); $(e_hover).addClass('contr_hov_itens'); boxHoverSite(0,0,e); break; case 0: if(cic < 5) { var timeBoxHoverSite = setTimeout(function() { cic++; boxHoverSite(0,cic,e); }, 500); } else { clearTimeout(timeBoxHoverSite); if(!$(e_hover).is(":hover") && !$(e).is(":hover") && !$(e_hover+' *').is(":focus")) { $(e_hover).fadeOut(400); } else boxHoverSite(0,0,e); } break; } } else { $('.contr_hov_itens').fadeOut(0); } } function blackoverlay(act) { if(act) { $('#blackoverlay').fadeIn(400); $('html').addClass('no_scroll'); } else { $('#blackoverlay').fadeOut(400); $('html').removeClass('no_scroll'); } } function actAovivo() { window.location = ""; } function actBodyPago() { window.open(""); } function actMenuMobile(act) { if(act) { $('#blackoverlay').addClass('blackoverlay_mobile').trigger('classChange'); if(!$('#menumobile-act').data('post-left')) { $('#menumobile-act').data('post-left',$('#menumobile-act').css('left')); } $('#menumobile-act').css('left','0'); $('#menumobile').css('display','none'); $('#fechar_menumobile').css('display','block'); } else { $('#menumobile-act').css('left',$('#menumobile-act').data('post-left')); $('#blackoverlay').removeClass('blackoverlay_mobile').trigger('classChange'); $('#menumobile').css('display','block'); $('#fechar_menumobile').css('display','none'); } blackoverlay(act); } function actAbreComments(act) { if(act) { var post_id = $('#bt_new_cmt').data('post_id'); var url = $('#bt_new_cmt').data('url'); var tipo = $('#bt_new_cmt').data('tipo'); var comentariosnrs = $('#bt_new_cmt').data('comentariosnrs'); if($("#box_new_cmt_retorno").html() == '') { ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=getCommentsBox&post_id='+post_id+'&url='+url+'&tipo='+tipo+'&comentariosnrs='+comentariosnrs,'box_new_cmt_retorno'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id='+post_id,'flgcomment'); } $('#box_new_cmt_open').css('right','0'); $('#bt_new_cmt_orelha').css('display','none'); $('#bt_new_cmt_orelha_close').css('display','block'); $('#bt_new_cmt_orelha_close').css('left','-30px'); } else { var window_width = $(window).width(); var right = 'calc(-37% - 15px)'; if(window_width < 1400) { right = '-330px'; } $('#box_new_cmt_open').css('right',right); $('#bt_new_cmt_orelha_close').css('display','none'); $('#bt_new_cmt_orelha').css('display','block'); $('#bt_new_cmt_orelha').css('left','-43px'); } } function actPopup(act,tipo) { if(act == 'fechar') { _gaq.push(['_trackEvent', tipo, tipo, tipo]); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome='+tipo+'&valor=1','box_popup'); $('#box_popup').css('display','none'); $('#box_popup_big').css('display','none'); $('#box_popup_mobile').css('display','none'); blackoverlay(); } } function actSmartMobile(act) { if(act) { $('#blackoverlay').addClass('blackoverlay_smart').trigger('classChange'); if(!$('#smart_filtro_m-act').data('post-left')) { $('#smart_filtro_m-act').data('post-left',$('#smart_filtro_m-act').css('left')); } $('#smart_filtro_m-act').css('left','0'); $('#smart_filtro_m_abre').css('display','none'); $('#smart_filtro_m_fecha').css('display','block'); $('#smart_filtro_ud_out').css('display','block'); } else { $('#smart_filtro_m-act').css('left',$('#smart_filtro_m-act').data('post-left')); $('#blackoverlay').removeClass('blackoverlay_smart').trigger('classChange'); $('#smart_filtro_m_abre').css('display','block'); $('#smart_filtro_m_fecha').css('display','none'); $('#smart_filtro_ud_out').css('display','none'); } blackoverlay(act); } var scroll_aux2 = 0; var loadCheck = 0; var window_width = $(window).width(); function fixedOnScroll(id) { if ($('#' + id).length > 0) { if( window_width > 1300 ) { var k_distance = 10; var comp_height = 0; var scroll_top = $(window).scrollTop(); var height_maior = false; var bottom_pause = height_document; var anchor_top_dist = $('#' + id).offset().top; var item_movel_height = $('#' + id + ' > *').height(); if($( ".bottom_pause_post_barra" ).length) { bottom_pause = $( ".bottom_pause_post_barra" ).offset().top - ( k_distance + header_height + item_movel_height + parseInt($( ".bottom_pause_post_barra" ).css('margin-top'))); } if( ( bottom_pause - scroll_top) < 0 ) //chega ao fim { $('#' + id + ' > *').css({ "z-index": "100", "left": 'initial', "position": "fixed", "bottom": "initial", "transition":" 0s", "top": ( (bottom_pause + k_distance + header_height) - scroll_top )+'px' }); if(loadCheck == 0) { loadLazyMateria(); loadCheck = 1; } } else if ((scroll_top + k_distance + header_height ) > anchor_top_dist) //scroll down { k_distance = k_distance + header_height; $('#' + id + ' > *').css({ "z-index": "100", "left": $('#' + id + ' > *').offset().left + 'px', "position": "fixed", "top": (k_distance) + 'px', "bottom": "initial", "transition":" 0.8s all ease" }); } else if (( (scroll_top + k_distance) - comp_height ) > anchor_top_dist) //scroll up { k_distance = k_distance + header_height; $('#' + id + ' > *').css({ "z-index": "100", "left": $('#' + id + ' > *').offset().left + 'px', "position": "fixed", "top": (k_distance)+'px', "bottom": "initial", "transition":" 0.8s all ease" }); } else { $('#' + id + ' > *').css({ "z-index": "initial", "left": 'initial', "position": "initial", "bottom": 'initial', "top": 'initial' }); } } scroll_aux2 = scroll_top; } } function actBtVerMais(e) { var id = $(e).data('target'); $('#'+id).show(); $(e).hide(); } function atcFixedOnScroll() { fixedOnScroll('out_post_barra'); } function actContatoEmpresa(act,tipo) { if(act && tipo != 0) { if(tipo == 1) $('#empresa_contato_titulo').html('Entre em contato'); else $('#empresa_contato_titulo').html('Solicite um orçamento'); $('#hidden_tipo').val(tipo); $('#blackoverlay').addClass('blackoverlay_cont_empresa').trigger('classChange'); $('#empresa_contato').fadeIn(400); $('#empresa_contato').height($('#empresa_contato'+' > *').outerHeight()); } else { $('#empresa_contato').fadeOut(400); $('#blackoverlay').removeClass('blackoverlay_cont_empresa').trigger('classChange'); $('#empresa_contato_titulo').html(''); } blackoverlay(act); } function actBuscaDesktop(act) { $('#busca_clique').toggle(); $('#busca_input').focus(); $('#blackoverlay').addClass('blackoverlay_busca_desktop').trigger('classChange'); blackoverlay(act); } function actBuscaObjeto() { $('#box_marca_closed').hide(); $('#box_marca_busca').show(); $('.box_marca').css('background-color','#f3661a'); $('#busca_marca_input').focus(); } function actCorrigirTexto(act,e) { if($('#modal_corrigir_txt').length == 0) { $(e).data('corrigir_titulo'); $("html").append('<div class="modal modal-s block corrigir" id="modal_corrigir_txt" ><span class="load-ico" ></span></div>'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=corrigirTexto&monta=1&corrigir_titulo='+$(e).data('corrigir_titulo')+'¶_email='+$(e).data('para_email'),'modal_corrigir_txt'); } if(act) { $('#blackoverlay').addClass('blackoverlay_corrigir').trigger('classChange'); $('#modal_corrigir_txt').fadeIn(400); } else { $('#modal_corrigir_txt').fadeOut(400); $('#blackoverlay').removeClass('blackoverlay_corrigir').trigger('classChange'); } blackoverlay(act); } function newsletterCad(ele,s) { var cad_idx = $(ele).data('idx'); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php',$('#'+cad_idx+'_form1').serialize()+'&'+$('#'+cad_idx+'_form2').serialize(),$(ele).data('id_ulout')); } function fixedMenuDiagramado() { var scrolltop = $(window).scrollTop(); if(scrolltop >= 350) $('.conteudo .out_menu_diagramado').css('top','0'); else $('.conteudo .out_menu_diagramado').css('top','850px'); }; function fechaBoxBigPopup(gaq,cookie,link) { blackoverlay(); setCookie(cookie,'1'); _gaq.push(["_trackEvent", "popup_seguir", gaq, gaq]); document.location = link; } $(document).ready(function() { $(function () { $(window).scroll(atcFixedOnScroll); }); $('.disabled').click(function(e) { e.preventDefault(); }) $('.box_hover').mouseenter(function() { boxHoverSite(2,0,this); }); $(window).scroll(fixedMenu); $(window).scroll(fixedMenuDiagramado); fixedMenu(); fixedMenuDiagramado(); $(".amenu_diagramado").click(function(){scrollPageToID($(this).attr('href').substring(1));}); $(".bt_ver_mais").click(function(){ actBtVerMais(this); }); $(".ver_mais_preco_obj").click(function(){ scrollPageToID('precos'); }); $('#bt_header_busca').click(function(){ $('#busca_input').focus();}); $('#smart_filtro_ud_dwn').click(function(){$(".smart_filtro").animate({scrollTop: '+=200px'}, 300);}); $('#smart_filtro_ud_up').click(function(){$(".smart_filtro").animate({scrollTop: '-=200px'}, 300);}); $('#mobile_busca').click(function(){ $('#mobile_bf').css('display','block');}); $('#aovivo').click(function(){ actAovivo(); }); $('#smart_filtro_m_abre').click(function(){ actSmartMobile(true); }); $('#bt_new_cmt').click(function(){ actAbreComments(true); }); $('#bt_new_cmt_orelha').click(function(){ actAbreComments(true); }); $('#bt_new_cmt_orelha_close').click(function(){ actAbreComments(false); }); $('.commentcall').click(function(){scrollPageToID('boxcomment');}); $('#busca_clique_open').click(function(){ actBuscaDesktop(true); }); $('#box_marca_closed').click(function(){ actBuscaObjeto(); }); $('#smart_filtro_m_fecha').click(function(){ actSmartMobile(false); }); $('#menumobile').click(function(){ actMenuMobile(true); }); $('.fechar_sticky').click(function(){ actPopup('fechar','OFICINA_STICKY'); }); $('#fechar_menumobile').click(function(){ actMenuMobile(false); }); $('.fechar_newsletter_big').click(function(){ actPopup('fechar','NEWSBIG'); }); $('.fechar_youtube_big').click(function(){ actPopup('fechar','YOUTUBEBIG'); }); $('.fechar_youtube_mobile').click(function(){ actPopup('fechar','YOUTUBEMOBILE'); }); $('.fechar_instagram_mobile').click(function(){ actPopup('fechar','INSTAGRAMMOBILE'); }); $('.fechar_todasredes_mobile').click(function(){ actPopup('fechar','TODASREDESMOBILE'); }); $('.fechar_rss_big').click(function(){ actPopup('fechar','RSSBIG'); }); $('.fechar_twitter_big').click(function(){ actPopup('fechar','TWITTERBIG'); }); $('.fechar_instagram_big').click(function(){ actPopup('fechar','INSTAGRAMBIG'); }); $('.fechar_todasredes_big').click(function(){ actPopup('fechar','TODASREDESBIG'); }); $('.todasredes').click(function(){ actPopup('abrir','TODASREDESBIG'); }); $('#fechar_newsletter').click(function(){ actPopup('fechar','ONNEWS'); }); $('#fechar_youtube').click(function(){ actPopup('fechar','YOUTUBEBIG'); }); $('#popup_youtube').click(function(){ actPopup('fechar','ONYOUTUBE'); }); $("#form_envia").click(function(){ submitFormulario(); }); $("#mostra_fone").click(function(){ $('#empresa_fone').html(BV($('#empresa_fone').data('info'))); $('#mostra_fone').hide(); }); $(".empresa_contato").click(function(){ actContatoEmpresa(true,$(this).data('tipo'));}); $('#empresa_contato_fechar').click(function(){ actContatoEmpresa(false,0) }); $('.act_corrigir_texto').click(function(){ actCorrigirTexto(true,this) }); $('#btcarregarcomments_disqus').click(function(){ carregaComentariosDisqus() }); $('#btcarregarcomments_facebook').click(function(){ carregaComentariosFacebook() }); $(".form_newsletter_cad").submit(function(event){ event.preventDefault(); newsletterCad(this,"1"); }); $(".form_newsletter_cad2").submit(function(event){ event.preventDefault(); newsletterCad(this,"2"); }); $(".form_newsletter_cad").submit(function(event){ event.preventDefault(); newsletterCad(this,'1'); }); $(".form_newsletter_cad2").submit(function(event){ event.preventDefault(); newsletterCad(this,'2'); }); $('#blackoverlay').on('classChange',function() { $('.blackoverlay_mobile').click(function(){ actMenuMobile(false) }); $('.blackoverlay_smart').click(function(){ actSmartMobile(false) }); $('.blackoverlay_cont_empresa').click(function(){ actContatoEmpresa(false,0) }); $('.blackoverlay_corrigir').click(function(){ actCorrigirTexto(false,'') }); $('.blackoverlay_busca_desktop').click(function(){ actBuscaDesktop(false)}); }); $('.accordion_act1 .i-tit').click(function(e) { if($(this).prop("tagName") != 'A') { $(this).addClass('click'); $('.li-wrapper:not(\'.click\')').animate({height:0}, { duration: 400, queue: false }); $('.i-tit:not(\'.click\')').removeClass('ativo'); if(!$(this).hasClass('ativo')) { $(this).addClass('ativo'); $(this).find('+ .li-wrapper').animate({height:$(this).find('+ .li-wrapper > .accordion_act1').outerHeight()}, { duration: 400, queue: false }); } else { $(this).removeClass('ativo'); $(this).find('+ .li-wrapper').animate({height:0},400); } $(this).removeClass('click'); } }); $('.accordion_act2 .tit_1').click(function(e) { $(this).addClass('click'); $('.li-wp1:not(\'.click\')').animate({height:0}, { duration: 400, queue: false }); if(!$(this).hasClass('ativo')) { var wrapper1_id = 'wrapper_'+$(this).data('wrap0'); var wrapper1_height = $('#'+wrapper1_id+' > .accordion_act2 > li').length* $('#'+wrapper1_id+' > .accordion_act2 > li').outerHeight(); $('#'+wrapper1_id).animate({height:wrapper1_height}, { duration: 400, queue: false }); $('.tit_1').removeClass('ativo'); $(this).addClass('ativo'); } else { $('.tit_1').removeClass('ativo'); } $(this).removeClass('click'); }); $('.accordion_act2 .tit_2').click(function(e) { $(this).addClass('click'); $('.li-wp2:not(\'.click\')').animate({height:0}, { duration: 400, queue: false }); var wrapper1_id = 'wrapper_'+$(this).data('wrap0'); var wrapper2_id = 'wrapper_'+$(this).data('wrap0')+'_'+$(this).data('wrap1'); if(!$(this).hasClass('ativo')) { var wrapper1_height = $('#'+wrapper1_id+' > .accordion_act2 > li').length* $('#'+wrapper1_id+' > .accordion_act2 > li').outerHeight(); var wrapper2_height = $('#'+wrapper2_id+' > .accordion_act2 > li').length* $('#'+wrapper2_id+' > .accordion_act2 > li').outerHeight(); $('#'+wrapper1_id).animate({height:wrapper1_height+wrapper2_height}, { duration: 400, queue: false }); $('#'+wrapper2_id).animate({height:wrapper2_height}, { duration: 400, queue: false }); $('.tit_2').removeClass('ativo'); $(this).addClass('ativo'); } else { var wrapper1_height = $('#'+wrapper1_id+' > .accordion_act2 > li').length*$('#'+wrapper1_id+' > .accordion_act2 > li > .tit_2').outerHeight(); $('#'+wrapper1_id).animate({height:wrapper1_height}, { duration: 400, queue: false }); $('.tit_2').removeClass('ativo'); } $(this).removeClass('click'); }); $('#act_user').css('display','none'); $('#act_cad').css('display','block'); }); var lst_carregamento = 1; var txtstatus = 'ok'; var html_ico_load_auto_load = '<span id="icoload_autoload" class="wifl p-rel" ><span class="load-ico" ></span></span>'; function carregaConteudo() { if($('#auto_load_wrapper').length > 0) { var scrollPosition = window.pageYOffset; var windowSize = window.innerHeight; var footerHeightTop = $('#footer').offset().top; var stop_load = document.getElementById('auto_load_wrapper').getAttribute('data-stop-load'); if((scrollPosition + windowSize + 800) > footerHeightTop && stop_load == '0') { if(txtstatus == 'ok') { $("#auto_load_wrapper").append(html_ico_load_auto_load); txtstatus = 'timeout'; $.ajax({ type: 'POST', url: 'https://www.oficinadanet.com.br/ajax_oficina.php', data: 'act=autoLoadConteudo&lst_carregamento='+lst_carregamento+'&'+serializeDataAttr($('#auto_load_wrapper')), success: function(html) { $("#auto_load_wrapper").append(html); $("#icoload_autoload").remove(); txtstatus = 'ok'; } }); lst_carregamento++; } } } } $(".expand-gperf").click(function() { $(this).next().toggle(); }); $(function () { $(window).scroll(carregaConteudo); carregaConteudo(); }); if ($(".carousel_destaque")[0]) { $('#out_lib').append('<link href="https://painel.m3midia.com.br/lib/slick/slick.css" rel="stylesheet">'); $.getScript("https://painel.m3midia.com.br/lib/slick/slick.js", function(){ $('.carousel_destaque').slick({ slidesToShow: 1, slidesToScroll: 1, autoplay: true, pauseOnHover: true, autoplaySpeed: 10000 }); setTimeout(function(){ $('.carousel_destaque').removeClass('carregando');; }, 1500); }); } if ($(".conteudo_galeria")[0]) { $('#out_lib').append('<link href="https://painel.m3midia.com.br/lib/lightGallerySlider/lightGallerySlider.css" rel="stylesheet">'); $.getScript("https://painel.m3midia.com.br/lib/lightGallerySlider/lightGallerySlider.js", function(){ $('.conteudo_galeria').lightSlider({ item: 3, loop:false, slideMove:3, easing: 'cubic-bezier(0.25, 0, 0.25, 1)', speed:600, responsive : [ { breakpoint:800, settings: { item:3, slideMove:1, slideMargin:6, } }, { breakpoint:480, settings: { item:2, slideMove:1 } } ] }).lightGallery({ }); $('.out_conteudo_galeria').css('display','block'); }); } </script> <script> function actSininho() { _gaq.push(['_trackEvent', 'sininho', 'sininho', 'sininho']); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome=ONSININHO_1122&valor=1&tempo=36000','box_sininho'); setTimeout("document.location = 'https://www.oficinadanet.com.br/novidades'",1000); } $(document).ready(function() { $('#sininho').click(function(){ actSininho(); }); }); </script> <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-messaging.js"></script> <script> const applicationServerKey = "BJX8Rw2npfApIhpWy-3hPGZvdvdHECD4FLbylmtWsMgyUDgsOeP8R5K5E0SxCWxQ21rYmG7basOHXlDande8OgY"; // Initialize Firebase var config = { apiKey: "AIzaSyChPCYMhtkCC0AfCVeZe6847ZJOuj1XuYQ", authDomain: "oficina-da-net.firebaseapp.com", databaseURL: "https://oficina-da-net.firebaseio.com", projectId: "oficina-da-net", storageBucket: "oficina-da-net.appspot.com", messagingSenderId: "647906981733" }; firebase.initializeApp(config); const messaging = firebase.messaging(); messaging.usePublicVapidKey(applicationServerKey); function getTokenFBClient() { return messaging.getToken(); } function getTokenRefreshFBClient() { return messaging.onTokenRefresh(function() { return messaging.getToken(); }); } document.addEventListener("DOMContentLoaded", () => { let isPushEnabled = false; if (!('serviceWorker' in navigator)) { console.warn("Service workers are not supported by this browser."); return; } if (!('PushManager' in window)) { console.warn('Push notifications are not supported by this browser.'); return; } if (!('showNotification' in ServiceWorkerRegistration.prototype)) { console.warn('Notifications are not supported by this browser.'); return; } if (Notification.permission === 'denied') { console.warn('Notifications are denied by the user'); return; } navigator.serviceWorker.register("/firebase-messaging-sw.js") .then( reg => { reg.update(); console.log('[SW] Service worker has been registered'); sw_registered(); }, e => { console.error('[SW] Service worker registration failed', e); }); function sw_registered() { navigator.serviceWorker.ready.then(serviceWorkerRegistration => serviceWorkerRegistration.pushManager.getSubscription()) .then(subscription => { if (!subscription) { console.log('not subscription',subscription); return push_subscribe(); } else { console.log('update token'); getTokenRefreshFBClient(); return push_sendSubscriptionToServer(subscription, 'push_updateSubscription'); } }) .then(subscription => subscription ) .catch(e => { /*console.error('Error subscription', e);*/ }); } function push_subscribe() { navigator.serviceWorker.ready .then(serviceWorkerRegistration => serviceWorkerRegistration.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: urlBase64ToUint8Array(applicationServerKey), })) .then(subscription => { return push_sendSubscriptionToServer(subscription, 'push_subscribe'); }) .then(subscription => subscription ) .catch(e => { }); } function urlBase64ToUint8Array(base64String) { const padding = '='.repeat((4 - base64String.length % 4) % 4); const base64 = (base64String + padding) .replace(/\-/g, '+') .replace(/_/g, '/'); const rawData = window.atob(base64); const outputArray = new Uint8Array(rawData.length); for (let i = 0; i < rawData.length; ++i) { outputArray[i] = rawData.charCodeAt(i); } return outputArray; } function push_sendSubscriptionToServer(subscription, acao) { var ret = getTokenFBClient(); ret.then(function(refreshedToken) { const method = 'POST'; const key = subscription.getKey('p256dh'); const token = subscription.getKey('auth'); const contentEncoding = (PushManager.supportedContentEncodings || ['aesgcm'])[0]; var strSubscription = JSON.stringify(subscription.toJSON()); ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=webpush&acao='+acao+'&subscription='+strSubscription+'&iidToken='+refreshedToken,''); }).catch(function(err) { console.log('Unable to retrieve refreshed token ', err); }); } }); </script> <script type="text/javascript" > var current_user = null; var cache_name = 'bc6005636f4bff800f7d1af06e9e6b61'; var comment_to_send = ''; var post_id = null; var reply_comment_id = 0; function getCookie(name) { var cookies = document.cookie; var prefix = name + "="; var begin = cookies.indexOf("; " + prefix); if (begin == -1) { begin = cookies.indexOf(prefix); if (begin != 0) { return null; } } else { begin += 2; } var end = cookies.indexOf(";", begin); if (end == -1) { end = cookies.length; } return unescape(cookies.substring(begin + prefix.length, end)); } function PopupCenter(url, title, w, h) { var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : window.screenX; var dualScreenTop = window.screenTop != undefined ? window.screenTop : window.screenY; var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width; var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height; var systemZoom = width / window.screen.availWidth; var left = (width - w) / 2 / systemZoom + dualScreenLeft; var top = (height - h) / 2 / systemZoom + dualScreenTop; var newWindow = window.open(url, title, 'scrollbars=no, width=' + w / systemZoom + ', height=' + h / systemZoom + ', top=' + top + ', left=' + left); if (window.focus) newWindow.focus(); } window.successfullySocialLogin = function(type){ var post_data = getPostData(); $('#login_loading').addClass('show'); $.ajax({ type: 'POST', url: 'https://www.oficinadanet.com.br/ajax_oficina.php', data: post_data+'act=successfullySocialLogin', success: function (response) { if( response.error ) { alert('Ocorreu um erro durante o login.'); } else { setDataUser(response); cleanForm(); hideCommentLogin(); $("#comment_list").html(response.html); buildUserOptions(); } $('#login_loading').removeClass('show'); } }); } function SubmitCommentForm(form) { if($(form).find('textarea').val().length) { $('.comment_input textarea').removeClass('invalid'); comment_to_send = $(form).find('textarea').val(); reply_comment_id = $(form).find('input[name="reply_comment_id"]').val(); if(current_user === null) { ShowCommentLogin(); } else { setComment(); } } else { $(form).find('textarea').addClass('invalid').focus(); setTimeout(function(){alert('Insira um comentário');},0); } } function ShowCommentLogin() { blackoverlay(true); $('#login_wrapper').addClass('show'); $('#login_loading').removeClass('show'); } function hideCommentLogin() { comment_to_send = ''; blackoverlay(false); $('#login_wrapper').removeClass('show'); } function SubmitLoginForm(form) { $('#login_loading').addClass('show'); if(comment_to_send.length == 0 || post_id == 0) return; var post_data = getPostData(); if($(form).find('input[name="act"]').val() == 'commentLogin') { var login = isValidInput($(form).find('input[name="login"]')); var password = isValidInput($(form).find('input[name="password"]')); if(login && password) { $.ajax({ type: 'POST', url: 'https://www.oficinadanet.com.br/ajax_oficina.php', data: post_data+'act=commentLogin&login='+login+'&password='+password, success: function (response) { if( response.error ) { if(response.error_code == 'mail_user_name') isValidInput($(form).find('input[name="login"]'),response); else if(response.error_code == 'password') isValidInput($(form).find('input[name="password"]'),response); else alert(response.error_message); } else { setDataUser(response); cleanForm(); hideCommentLogin(); $("#comment_list").html(response.html); buildUserOptions(); } $('#login_loading').removeClass('show'); } }); } else { $('#login_loading').removeClass('show'); } } else if($(form).find('input[name="act"]').val() == 'commentRegister') { var email = isValidInput($(form).find('input[name="email"]')); var name = isValidInput($(form).find('input[name="name"]')); var password = isValidInput($(form).find('input[name="password"]')); if(email && name && password) { $.ajax({ type: 'POST', url: 'https://www.oficinadanet.com.br/ajax_oficina.php', data: post_data+'act=commentRegister&email='+email+'&name='+name+'&password='+password, success: function (response) { if( response.error ) { if(response.error_code == 'invalid_name') isValidInput($(form).find('input[name="name"]'),response); else if(response.error_code == 'invalid_email') isValidInput($(form).find('input[name="email"]'),response); else if(response.error_code == 'email_exists') { $('#commentLogin').find('input[name="login"]').val(email); $('#commentLogin').find('input[name="password"]').focus(); alert(response.error_message); } else alert(response.error_message); } else { setDataUser(response); cleanForm(); hideCommentLogin(); $("#comment_list").html(response.html); buildUserOptions(); } $('#login_loading').removeClass('show'); } }); } else { $('#login_loading').removeClass('show'); } } } function getPostData() { return 'comment='+comment_to_send+'&post_id='+post_id+'&reply_comment_id='+reply_comment_id+'&cache_name='+cache_name+'&'; } function setComment() { cleanForm(); var post_data = getPostData(); $.ajax({ type: 'POST', url: 'https://www.oficinadanet.com.br/ajax_oficina.php', data: 'act=setComment&'+post_data, success: function (html) { $('#comment_list').html(html); buildUserOptions(); processVotedComments(); } }); } function cleanForm() { $('.comment_input textarea').removeClass('invalid').val(''); } function isValidInput(input,response) { if(response != undefined) { $(input).next().html(response.error_message); $(input).addClass('invalid'); return false; } else { var inputValue = $(input).val(); if(inputValue.length == 0) { $(input).next().html('Preenchimento obrigatório.'); $(input).addClass('invalid'); return false; } else { $(input).next().html(''); $(input).removeClass('invalid'); return $(input).val(); } } } function replyComment(button) { var id = $(button).data('reply-box'); if($('#reply-box-'+id).html() == "") { cleanForm(); var reply_comment = $(button).data('reply-id'); $('#reply-box-'+id).html($('#out_comment_form').html()); $('#reply-box-'+id+' .comment_input textarea').focus(); $('#reply-box-'+id+' input[name="reply_comment_id"]').val($(button).data('reply-id')); } else { $('#reply-box-'+id).html(''); } } function commentVote(button,vote) { var comment_id = $(button).data('comment'); $.ajax({ type: 'POST', url: 'https://www.oficinadanet.com.br/ajax_oficina.php', data: 'act=commentVote&post_id='+post_id+'&comment_id='+comment_id+'&vote='+vote, success: function (html) { processVotedComments(); } }); } function setDataUser(response) { current_user = response.user; if( current_user.image != undefined ) $(".current_user_image").attr("src", current_user.image); } function processVotedComments() { if($("#comment_list").length != 0 && current_user != null) { var cookie_name = 'comment_vote_'+post_id; if(getCookie(cookie_name)) { var comment_votes = JSON.parse(getCookie(cookie_name)); Object.keys(comment_votes).forEach(function(k){ if($('#text-'+comment_votes[k]+'-'+k).hasClass('voted') == false) { $('#vote-up-'+k).attr("disabled", true); $('#vote-down-'+k).attr("disabled", true); $('#text-'+comment_votes[k]+'-'+k).html(parseInt($('#text-'+comment_votes[k]+'-'+k).html())+1); $('#text-'+comment_votes[k]+'-'+k).addClass("voted"); } }); } } } function buildUserOptions() { setTimeout(function (){ if($("#comment_list").length != 0 && current_user != null) { $('#comment_list li').each(function(i) { if($(this).data('user-id') == current_user.id) { var user_options = '<button type="button" class="show-user-options border" >•••</button>' +'<div class="user-options" >' +'<button class="delete-comment" type="button" data-comment-id="'+$(this).data('comment-id')+'" >Excluir</button>' +'</div>'; $(this).prepend(user_options); } }); } },500); } function deleteComment(button) { var post_data = 'act=deleteComment&post_id='+post_id+'&comment_id='+$(button).data('comment-id')+'&cache_name='+cache_name; ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php',post_data,"comment_list"); buildUserOptions(); } function loadComment(button) { $(button).attr("disabled", true); $(button).data("title",$(button).html()); $(button).html($(button).data("title-loading")); var load = $(button).data('load'); var totalcomments = $(button).data('total-comments'); var post_data = 'act=loadComment&post_id='+post_id+'&load='+load; var loadn = parseInt(load); loadn++; $(button).data('load',loadn); $.ajax({ type: 'POST', url: 'https://www.oficinadanet.com.br/ajax_oficina.php', data: post_data, success: function (response) { if($('#comment_list li').length >= totalcomments) { $(button).css('display','none'); $(button).attr("disabled", true); } else { $('#comment_list').append(response.html); $(button).attr("disabled", false); $(button).html($(button).data("title")); buildUserOptions(); } } }); } function initComment() { post_id = $('#comment_list').data('post-id'); $('.comment_input textarea').bind('input propertychange', function() { $(this).height('0px').height($(this).prop('scrollHeight')-22); }); $(document).on('click', 'button.show-user-options',function(e) { if($(this).next().hasClass('show')) $(this).next().removeClass('show'); else $(this).next().addClass('show'); }); $(document).on('click', '.delete-comment',function(e) { deleteComment(this); }); $(".comment_modal_form").on('submit',function(e) { SubmitLoginForm(this); e.preventDefault(); }); $(document).on('click', '.btn_submit',function(e) { var form = $(this).parents('form:first'); SubmitCommentForm(form); }); $(document).on('click', 'button.reply',function(e) { replyComment(this); }); $(document).on('click', '.vote-up',function(e) { commentVote(this,'up'); }); $(document).on('click', '.vote-down',function(e) { commentVote(this,'down'); }); $(".close_commentLogin").on('click',function(e) { hideCommentLogin(); }); $(".blackoverlay").on('click',function(e) { hideCommentLogin(); }); $("#btn_load_comment").on('click',function(e) { loadComment(this); }); $(document).ready(function (){ processVotedComments(); buildUserOptions(); if($('#comment_list li').length >= $('#btn_load_comment').data('total-comments')) { $('#btn_load_comment').css('display','none'); $('#btn_load_comment').attr("disabled", true); } }); } window.addEventListener("load", function(event) { initComment(); }); </script> <div class="player_dynad_tv"></div> </body> </html>