Existen multitud de maneras de mostrar los tweets de Tuitter en una página personal o blog. El objeto de este código es mostrar todos los tweets que publicas paginados en grupos de 5. El código se comenta linea a linea con el objeto que el lector comprenda cada linea y pueda escribirlas con conocimiento...

Para hacernos una idea de lo que pretendemos veamos la imagen siguiente:

A la derecha tienes la paginación real...

Si el lector no tiene conocimientos de HTML, JavaScript y PHP no debe seguir leyendo...

PLANTEAMIENTO:

Intervienen tres ficheros: index.htm (tu blog), eljava.js (javascript), lector.php (el más importante)...

index.htm

Este archivo puede ser cualquier página de tu web o blog. Por claridad presuponemos que es html y se llama index.htm. Podría ser unapagina.php o cualquier otro. En este archivo sólo se realiza una llamada a eljava.js y se define la capa (<div>) que mostrará los tweets...

La imagen siguiente muestra las dos lineas que se deben incluir en la página de tu blog...

el archivo eljava.js puede encrontrase en cualquier ubicación del servidor pero por claridad suponemos que se encuentra en la misma carpeta que index.htm

El id de la capa es "resultados" que se actulizara con AJAX en lector.php...

eljava.js

Se trata de las dos funciones comunes a todas las aplicaciones AJAX. No se comentan puesto que presuponemos que el lector tiene nociones de AJAX...

En cualquier caso, la imagen siguiente muestra el posible archivo. Se inicia el objeto XMLHttprequest() o ActiveXObjet según navegador, al carga el java para obtener la primera página como indica la flecha...

lector.php

Este es el archivo que proponemos para la paginación de tweets y que pasamos comentar...

COMENTARIOS A LAS LINEAS DE CODIGO:

6

Linea opcional si la codificacion de caracteres (charset) de tu web es ISO...

7

Creacion del objeto XML. Lee el feed de Tuitter donde se encuentran todos los tweets que publica un usuario. El número que indicala flecha es el ID de la base de datos de Tuitter, por tanto, debes averiguarlo para sustituirlo por el que aparece en la imagen. La URL id.twidder.info/ (página ) te permite obtener tu ID con tu nombre de usuario en Tuitter...

8-9-10-11-12-13

Variables para la paginación: $matrizxml guarda los tweets (5) de cada página, $twporpag es el número de tweets por página, puede ponerse cualquier otro valor,...

14

Recorre el objeto para obtener los tweets. Dos contadores ($chacon y $unconta) se utilizan para añadir un valor a la matriz (cuando $chacon es igual a 5) y para saber el total de tweets...

20

Reconstrucción del tweets con enlace a Twitter, puesto que el item link contiene el URL del tweets...

$manola concatena 5 tweets y se inicializa a ...

22

Comprobación si hay 5 tweets e inicialización de contadores e incremento de matriz...

29

Si $manola no es igual a nada, significa que no se ha completado una página de 5 tweets, por tanto guardamos en la matriz de 1 a 4 tweets últimos...

34

Número total de tweets.

35

Calcula el número de páginas...

36

Matriz para la fila de enlaces de páginas...

37

Página que vamos mostrar. $_POST["numero"] es la variable que envía AJAX...

38

Bórrala, no vale para nada. Se me ha pasado borrarla...

39

Ciclo para para rellenar la matriz con los enlaces a páginas.

40

Si la página pulsada es la actual, entonces se pone en rojo y sin enlace. En caso contrario entonces la linea:

43

Ponemos enlace para que dispare el evento onClik que llama a la función AJAX y le pasa la nueva página que vuelve a iniciar el proceso...

46-51

Ciclo para mostrar por pantalla los enlaces

55

El div resultado.

56

La página de tweets que se actualiza con AJAX...

...

El código puede ampliarse y/o mejorarse, por ejemplo poniendo estilo al div resultados, convirtiendo los enlaces que aparecen como texto en enlaces reales, etc...

¡y eso es todo más o menos!