BlogAjuda © 2007.
Simple Grey theme developed by Rodrigo P. Ghedin.
Uma das coisas mais legais do saudoso tema k2, usado durante um tempo aqui no BlogAjuda, é o sistema de publicação de comentários em tempo real. Utilizando ajax, uma técnica de programação que envolve CSS, JavaScript e XmlHttpRequest, no momento em que o comentarista clica no botão Enviar, o comentário é carregado e publicado, sem que seja necessário o completo recarregamento da página. Ajax está na moda, e desde que seja usado com moderação e consciência, eleva a experiência do internauta a um nível superior.
Ah sim, o sistema de comentários em ajax. Fiz uma pesquisa no Google a respeito disso, e me assustei com a quantidade de técnicas e plugins disponíveis. Na realidade, técnicas existem aos montes, mas plugins só encontrei dois. Tinha preferência por conseguir mediante alguma técnica por, desta maneira, saber o que foi incluído no sistema, o que me permitiria avaliar o impacto do sistema no blog como um todo. Detalhe bobo, tanto que parti para os plugins sem pensar duas vezes quando as técnicas falharam comigo.
Tentei usar duas técnicas diferentes. A WordPress Ajax Comments Revisited tem uma instalação complexa, com edição de arquivos do tema (header.php e comments.php), além do envio de arquivos extras para o servidor. Não sei o que fiz errado, nem se errei, mas o negócio funcionou parcialmente. Quando clicava no botão Enviar, este e a textarea perdiam o foco. Faltou aparecer a animação de carregamento e, logo em seguida, o comentário no seu devido local. Em seguida, foi a vez da Squible, baseada no sistema existente no tema homônimo. Aqui o resultado foi ainda pior, gerou um erro no arquivo comments.php, e isso foi a gota d’água para desistir.
Além destas, encontrei outra técnica e um plugin nesta página. O plugin eu não consegui baixar. De volta ao Google, encontrei o AJAX Comments 2.0, outro plugin. Instalação simples e indolor, mais fácil impossível. Basta enviar a pasta ajax-comments para o diretório /wp-content/plugins/, e ativá-lo no painel administrativo.
Atentando ao detalhe de não sobrecarregar o blog, dei uma olhada no código-fonte do mesmo após a instalação do plugin. Detectei a inclusão de uma linha no cabeçalho da página que puxa um arquivo JavaScript, e um pequeno código da mesma linguagem dentro do form do comentário. Aparentemente, nada extravagante.
Sobre o AJAX Comments, dois detalhes: ele é compatível com outro plugin relativo aos comentários, o AuthImage, um sistema de CAPTCHA. O outro detalhe é que, para o bom funcionamento do plugin, o desenvolvedor recomenda desativar a moderação de comentários. Este assunto já foi abordado aqui, e você pode ler minha opinião sobre clicando aqui.
Antes de terminar, um adendo relevante: por padrão, a mensagem que surge enquanto o comentário é enviado está em inglês (Submitting Comment…). Para traduzi-la, abra o arquivo ajax-comments.php no seu editor favorito, e localize a linha 26:
new Insertion.Before(f, '<div id="ajax_comments_loading" style="display:none;">Submitting Comment…</div>’); // create loading
Acho que está claro, não? Traduza a parte sublinhada (sugestão: Enviando comentário…), salve e envie o arquivo modificado para o servidor.
Um ótimo exemplo de ajax útil e bonito. Quando encontrar outros, compartilho com vocês. Se tiverem sugestões, exponham-nas via comentários. Acreditem ou não, essa interação funciona. Este comentário, do Rinaldi, é prova cabal :).
Até a próxima!
Parabéns pelo post… muito interessante.
Acabei de implementar no meu Blog…
Estou estudando ajax… pois acho que é o futuro da web, mas é claro que não devemos usar em excesso.
Posted by Eduardo Comin
November 14th, 2006, às 1:47 pm. #.
Excelente, gosto mto de AJAX. Valeu ghedin!
Posted by FalledAngel
November 14th, 2006, às 4:36 pm. #.
Um dos meus plugins preferidos! Só não lembro se fiz a tradução do “Submit Comments”… vou checar mais tarde!
Ghedin, Caro amigo…
Ensine-nos como instalar o authImage integrando com o ajaxcomment …
pls….
AJAX 4EVER!
Posted by Max171
November 21st, 2006, às 2:51 pm. #.
Excelente texto… parabéns! Aproveito para recomendar o uso do prototype.js nas soluções com AJAX. Um dos principais ganhos é a possibilidade de executar JavaScript após uma chamada XMLHttpRequest. Se interessar vejam meus links favoritos http://imera.com.br/andre.do Este site utiliza AJAX com prototype.js. Abraços!
Posted by André Zambelli
November 22nd, 2006, às 10:31 pm. #.
apenas testando o plugin!
=P
Posted by Marcellus Martins
December 27th, 2006, às 12:50 am. #.
Apenas testando!!
Posted by Michel Costa
December 28th, 2006, às 1:41 am. #.
Não funciona neste tema?
Posted by Michel Costa
December 28th, 2006, às 1:41 am. #.
parece interessante.
Posted by bruno
January 5th, 2007, às 11:41 pm. #.
Escreva seu comentário aqui.
Posted by bruno
January 5th, 2007, às 11:41 pm. #.
Escreva seu comentário aqui.
Posted by Daldegan
January 7th, 2007, às 7:25 pm. #.
Instalei e não funciona. :D
Posted by Daldegan
January 7th, 2007, às 7:30 pm. #.
muito bom cara :)
ficou bem legal msmo!
Posted by Lucas Motta
January 18th, 2007, às 12:10 am. #.
Tipo… gostei bastante desse artigo… testei lah e talz e funcioneo perfeitamente xD
só um pequeno problema… quando coloco a tradução “Enviando comentário…”, o acento de comentário não sai direito… sacou? sabe como posso resolver isso?
chato que esse plugin nao foi atualizado para o wp 2.1 :(
Impressão minha ou esse plugin não funciona no IE7?
Eu fiz na mão, em meu antigo template. Evito uisar plugins para coisas simples.
Posted by Rodrigo Reis
March 9th, 2007, às 9:17 am. #.
testando hehehe
Posted by patrique
March 11th, 2007, às 5:40 am. #.
Rodrigo,
e seu quiser editar ele atráves do próprio Wordpress, qual permissão dou no arquivo? Tentei a 777 mas não funcinou e tentei o 666 (não é numero do demo não viu :D) e também ñ conseguir.
Posted by Tiago Celestino
May 2nd, 2007, às 8:48 pm. #.
aqui eu nao consigo ativar o plugin.. aparece assim
“Plugin could not be activated because it triggered a fatal error”
e eu só alterei a linha 26, traduzindo o arquivo…
Caro rodrigo, eu recebi o seu e-mail!
o problema continua…
tem como tu listar o teu arquivo aqui??
ou, se nao for muito incomodo, gostaria que o mandasse para mim por e-mail.
Obrigado.
Posted by Ricardo
June 18th, 2007, às 9:23 pm. #.
teste
Posted by Teste
June 19th, 2007, às 2:06 pm. #.
teste [2]
Posted by Anderssauro
June 26th, 2007, às 3:51 pm. #.
funciona no WP 2.2?
Tem que upar a img que vem junto?
Posted by Anderssauro
June 26th, 2007, às 4:04 pm. #.
instalei o ajax comments no meu blog, mas quando publico um comentário o mesmo não aparece de pronto por completo. Simplesmente aparece um número e sem o texto do comentário ao lado, ou entao ate aparece o nome, e o gravatar, mas sem o texto do comentario. Só quando eu atualizo a pagina clicando no refresh é que aparece como manda o figurino. já viste algo assim acontecer? Tens alguma solução?
Posted by Cirilo Veloso
July 14th, 2007, às 12:54 am. #.
@ Cirilo Veloso
Cirilo, o comentário enviado é abrigado numa lista ordenada (<ol> e tal)… Para resolver isso, você tem que editar o plugin, deixando a “saída” idêntica ao template do arquivo comments.php do seu tema.
Pode parece meio complicado, e até entender como a coisa funciona, realmente é. Mas depois que se entende o esquema, a coisa vai tranqüilamente…
Abra o ajax-comments.php (do plugin) e o comments.php num editor, e estude-os. Tente localizar os pontos em comum, e deixe os templates de ambos idênticos.
Minha explicação ficou meio confusa, mas é o máximo que dá para passar assim, rapidamente via comentário. Qualquer coisa, se não conseguir, avise aqui.
[]’s!
Posted by Rodrigo P. Ghedin
July 14th, 2007, às 4:23 pm. #.
Gostei muito do artigo! Parabéns
Posted by Jacob
July 19th, 2007, às 9:41 am. #.
Ainda não consigo fazer o Ajax Coments funcionar! Já li e fiz de tudo e não rola!
Posted by Fabio Raphael
August 8th, 2007, às 1:45 am. #.
@ Fabio Raphael
Os comentários precisam estar organizados numa lista ordenada (<ol>). De outra maneira, não funciona mesmo…
[]’s!
Posted by Rodrigo P. Ghedin
August 15th, 2007, às 11:18 am. #.
Hello, here you can read all info about pen pal
24\7.
Hello nice blog! !!
pen
It’s my new page.about pens.
creio que com o tema que estou usando agora não funciona é um pena
Hello nice blog! !!
sofa
It’s my new page.about shoes.
Cool.
tava atras de um comments assim, nao aguento mais modificar o k2…
Hello, very nice site, keep up good job!
Admin good, very good.
Das einzige naturliche Potenzmittel, das doppelblind getestet wurde - Wirkung mit Viagra vergleichbar! Spitzenprodukt - sehr beliebt! Warnung vor plotzlichem Horverlust durch Cialis,R LevitraR und ViagraR. Freitag, 19. Sie hat die Hersteller von Viagra, Cialis und Levitra gebeten, Professionelle mittel gegen impotenz! Food Talk. Saveur Forums > Main Category > Food Talk · Reload this Page Professionelle mittel gegen impotenz! cialis
Posted by eregilkibly
December 5th, 2007, às 7:00 pm. #.
I’d prefer reading in my native language, because my knowledge of your languange is no so well. But it was interesting! Look for some my links:
Posted by agrilaSlema
December 17th, 2007, às 6:22 pm. #.
testeste
Posted by Betinho
January 19th, 2008, às 10:50 pm. #.
12345
Posted by test
May 30th, 2008, às 3:09 am. #.
unvermiculated decantherous reposed heiresshood telotrophic nonassenting maida tortricoidea
Department of Theology
http://www.greaterchinaphoto.com/
Posted by Angelique Jordan
June 21st, 2008, às 3:02 pm. #.
parabens, foi mto util para mim
Posted by Bruno
September 2nd, 2008, às 11:01 am. #.
BlogAjuda © 2007.
Simple Grey theme developed by Rodrigo P. Ghedin.