Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Icefox

[Resolvido] "Tweetar" por XHTML + JavaScript

Por , em Javascript

Recommended Posts

Icefox    0

Icefox
Postado

Oi Pessoas do Fórum.

 

Estou trabalhando em um Pequeno Projeto para "Tweetar". Estou usando a Propria API do Twitter para Isso.

 

O Projeto se baseia atualmente em Duas Páginas, Todas Compostas de XHTML Transitional, CSS e JavaScript.

 

A Primeira Página pede o Usuário do Twitter. A Segunda Mostra o último "Tweet" e dá a Opção de Enviar mais Um.

A Primeira Página está Ok. Ela pede o Nome de Usuário por um "Text Input" e Envia para a Segunda Páginas por Cookies.

A Segunda Página consegue ler o Cookie, Carregar o Ultimo Tweet, porém não consigo enviar o "Tweet". Creio que esse sistema não pode ser feito apenas com JavaScript e XHTML, precissando de uma Linguagem como PHP. Porém perguntar não custa nada.

 

Projeto da Página:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<title>Seu Twitter</title>
<style type="text/css">
#twitter_update_list {color: black; font-variant: small-caps;}
#twitter_update_list li {list-style-type: none;}
a:visited {color: #696969; font-family: "Comic Sans MS", Sans-Serif; font-weight: bold; text-decoration: none;}
#titulo {margin-left: 20%; margin-right: 20%; background-color: #48D1CC; font-size: 24px; border-width: 3px; border-style: double; border-color: black;}
#corpo {margin-left: 20%; margin-right: 20%; background-color: #87CEFA; border-width: 3px; border-style: double; border-color: black;}
#painel_tweet {padding-left: 10px; margin-left: 25%; margin-right: 5%; border-width: 1px; border-color: black; border-style: solid;}
.bubble {margin-left: 10%; margin-right: 2%; color:#efefef;}
.bubble .content {padding:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; background:#CAE1FF; text-align:center;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
</head>
<body style="background-color: navy; color: white;">
<center><div id="titulo"><img class="logo" src="http://www.mycool.com.br/ptg/wp-content/uploads/2009/10/Twitter-Bird.png" width="200" height="200" alt="Logo Twitter Bird" style="float:left;"/>Twitter Bird Service - Brasil</div></center>
<div id="corpo">
<center><div class="bubble">
	<div class="content">
		<div id="twitter_update_list"></div>
	</div>
</div></center>
<p>Seu Ultimo Tweet Publicado.</p>
<div id="painel_tweet">
<center>### Tweetar ###<br /><br />
<form method="post" action="http://twitter.com/statuses/update.json">
<input type="hidden" name="screen_name" value=""><input type="hidden" name="Source" value="<a href='http://hpmadruga.tk/'>Twitter Bird</a>">
Mensagem: <br />
<textarea style="width:300px;"></textarea><br />
<input type="submit" name="submit" Value="Tweetar via Twitter Bird"></center>
</div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript">
ckie = document.cookie;
usuario = ckie;
var utweet = document.createElement("script");
utweet.src = "http://twitter.com/statuses/user_timeline/" + usuario + ".json?callback=twitterCallback2&count=1";
document.body.appendChild(utweet);
</script>
</body>
</html>

Agradeço a Atenção :D

Icefox.

 

EDIT: Página da API do Twitter: http://apiwiki.twitter.com/Twitter-API-Documentation

Página de Onde estou tirando a Ajuda para Enviar o Tweet [Também faz parte da Documentação da API]: http://apiwiki.twitter.com/Twitter-REST-API-Method%3A-statuses%C2%A0update

 

Agradeço Novamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

implementaram a API aqui:

http://forum.imasters.com.br/index.php?/topic/371775-trabalhando-com-o-twitter/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito