Bom, faz muito tempo que não escrevo nada por aqui que utilize javascript, ou até mesmo algo técnico, bom, estive brincando esses dias com a API do twitter, estudando um pouco do jquery e juntei tudo em um script que busca as últimas mensagens de um determinado usuário definido no script, fácil de inserir em qualquer website, blog.

Pretendo adicionar mais funções no script transformando em um sistema mais complexo para twitter mas isso será no futuro, veremos o que o famoso tempo livre irá preparar para nós.

Como funciona? muitos simples mas vamos por partes, antes de mais nada baixe o arquivo compactado com jQuery mais o Juitter:

Download Juitter

Uma vez baixados os arquivos você pode configurar o seu Juitter.

Abra o arquivo juitter.js que vem dentro do arquivo zip com o bloco de notas.

No inicio irão ver o seguinte:

usuario = “rodrigofante”,
divRetorno = “twitterList”,
loadMSG = “image/gif”;
gifName = “loader.gif”;
numMSG = 5;

Altere “usuário” para o seu usuário do twitter, sem espaços.

“divRetorno” é o id da DIV dentro do HTML da sua página que irá exibir as mensagens.

“loadMSG” é a mensagem que será exibida enquanto os twitts são carregados, se você deixar como “image/gif” o Juitter tentará exibir não uma mensagem de texto, mas sim a imagem configurada como padrão da linha abaixo na variável “gifName”.

E por fim “numMSG” é o número de mensagens a ser exibida, no momento o limite máximo é de 15 mensagens.

Terminado, agora basta inserir no seu HTML as tags script para puxar o jquery e o Juitter e tudo irá funcionar.

Para conhecimento a quem possa interessar, o Juitter retorna as mensagens em listas HTML UL/LI com id=”twittList”, facilitando assim preparar o css para suas mensagens.

Essa versão ainda não foi testada portanto não é estável, apenas para testes, use por sua conta e risco.

Um exemplo do código funcionando pode ser visto no meu site pessoal, rodrigofante.com.

Aqui meu perfil no twitter para quem quiser me seguir - @rodrigofante.

Categorias: Javascript