Mostrar último tweet con Javascript
2Aunque ya he hablado de cómo mostrar último Tweet con php, voy a deciros cómo extraerlo con javascript, dado que hay a quien le interesa más por diversas razones (comodidad quizás).
El código javascript es el siguiente:
JAVASCRIPT:
- <script type="text/javascript">
- $(document).ready(function(){
- // Conseguimos el último tweet
- var username='balfer'; // introducimos el usuario
- var format='json'; // seleccionamos el formato, no modificar
- var url='http://api.twitter.com/1/statuses/user_timeline/'+username+'.'+format+'?callback=?'; // Creamos la URL completa para extraer el último tweet
- $.getJSON(url,function(tweet){ // Extraemos los tweets
- $("#last-tweet").html(tweet[0].text); // cogemos el primer tweet y lo introducimos dentro del div con id last-tweet
- });
- });
- </script>
En el contenido del sitio, deberemos colocar una capa (div) con el id last-tweet tal que quede así:
HTML:
- <div id="last-tweet"></div>
El CSS de dicha capa lo dejo a tu elección, pero ten en cuenta que deberán entrar 140 caracteres.
Si tienes algún problema con esto no dudes en contarlo en los comentarios.
Hola Dario, muy bueno el script, sirve exactamente para lo que necesito. Estoy armando una página y necesitaba que aparezcan los twitts. Sólamente tengo una consulta. Cuando levanta los twitts, no toma los links de las páginas. Si bien pone la dirección correcta, no lo escribe como un hiperlink. Has podido solucionar ese detalle? Se te ocurre cómo poder hacerlo?
Desde ya muchas gracias!
Hola Ulises,
Me alegro que te sirva, pero tengo uno bastante mejor en PHP que hace lo que tú quieres; puedes verlo en http://www.dariobf.com/mostrar-ultimo-tweet-con-php/
Un saludo.