TwitterGitter: lista tus tweets con ajax

2
27

TwitterGitter es un plugin creado por DavidWalsh y sirve para recuperar tus últimos estados e información de tu Twitter.

Utiliza la librería Mootools 1.2 y la extensión JSONP para Mootools.

Que es JSONP ?

Es un nuevo medio por el cual podemos obtener datos en formato JSON desde otro dominio.
Actualmente si usa Ajax para realizar este proceso obtendrá un error de seguridad.
JSONP incluye una etiqueta script en el documento, esta etiqueta apunta a un javascript externo
el cual se envuelve por un parentesis y nombre aparentando ser una función “__json([contenido])” y ejecuta al momento de cargarlo, de esta manera podremos obtener una respuesta desde otro dominio.

Para comenzar descargaremos los siguientes archivos

Luego debemos incluir las librerías en nuestra web




Ahora pondremos el script que se ejecutara al hacer click en un boton

window.addEvent('domready',function() {
	$('git').addEvent('click',function(e) {
		e.stop();
		$('tweets-here').set('html','');
		var myTwitterGitter = new TwitterGitter($('username').value,{
			count: 5,
			onComplete: function(tweets,user) {
				tweets.each(function(tweet,i) {
					new Element('div',{
						html: '<img src="'
								+ user.profile_image_url.replace("\",'')
								+ '" align="left" alt="'
								+ user.name + '" /> <strong>'
								+ user.name + '</strong><br />'
								+ tweet.text + '<br /><span>'
								+ tweet.created_at + ' via '
								+ tweet.source.replace("\",'') + '</span>',
						'class': 'tweet clear'
					}).inject('tweets-here');
				});
			}
		}).retrieve();
	});
});

Nada mas nos queda incluir dentro del body nuestro input, button y la seccion donde se llenaran los tweets



Recursos

2 COMMENTS

    • Hola sergio,
      Si es posible realizarlo con multiples cuentas, pero este plugin solo soporta una.
      La forma para listar varias cuentas tendrian que realizarse con PHP y CURL, guardando los estados en un array y ordernarlo por fecha de forma descendente. Bueno esta es la idea pero realizare un ejemplo lo mas pronto porque me parece util esta opcion de multiples cuentas.

Comments are closed.