Сегодня мы будем решать интересную и модную задачку, а именно – вытаскивать последние сообщения из твиттера к себе на страничку. В реализации нам поможет jQuery, плагин jquery.tweet.js (http://tweet.seaofclouds.com/) и CSS. Никакого PHP и прочих серверных заморочек, мы же настоящие сварщики… веб-разработчики. Сразу предупреждаю – сей плагин был мною безжалостно искромсан и несколько обрезан в функциональности ( некоторые функции показались излишними и я, как человек, инфицированный жаждой минимализма, без тени сомнения их ликвидировала). Но взамен плагин приобрел руссификацию и прибавку к скорости работы. Так то :). К слову, теперь он называется jQuery SimpleTweet Plugin и имеет вресию 1.0. ) Итак, окинем пристрастным взглядом вышеупомянутый плагин. Что же он умеет? А умеет он предостаточно, даже с учетом моих вмешательств:

  • Помимо обычного вывода из заданного твиттера, плагин умеет осуществлять поиск по твитт-ленте и выводить результаты в виде записей
  • Выводит дату записи в виде осмысленной фразы (например, “2 минуты назад”)
  • Может показывать аватарку владельца аккаунта, из которого выводим твитты
  • С радостью извлечет сообщения из нескольких твиттер-аккаунтов одновременно и объединит их в одну ленту
  • Автоматически проставляет ссылку с @[кто-то-там] на twitter-страницу пользователя
  • Делает все ссылки в сообщениях кликабельными
  • Превращает #hashtags, в ссылку на страницу twitter-поиска по вашим тэгам
  • Конвертирует вот это: <3 в более приятный глазу ¦
  • Предоставляет внятную HTML-разметку, настроить внешний вид выводимых сообщений не предоставляет никаких сложностей
  • Совместим с большинством версий jQuery: 1.2.6, 1.3.x, 1.4

Теперь посмотрим, как пользоваться всем этим добром.

  • Как обычно, подключаем jQuery
  • Подключаем плагин
  • Стили CSS:
  • Размещаем в произвольном месте нашей страницы контейнер, куда будут загружены твитты:
  • Настраиваем плагин:
$(document).ready(function(){
 $(".twitter").simpletweet({
  username: "zaisl",
  count: 5,
  loading_text: "Загрузка..."
  });
});

Вообще, плагин может принимать следующие параметры:

Параметр Описание Тип По-умолчанию
username Имя Твиттер-аккаунта. Если требуется вывести записи из нескольких аккаунтов, передаваемый параметр должен быть массивом: ["username1","username2","etc"] string username: ["zaisl"]
avatar_size Высота и ширина аватара (48px max) integer avatar_size: null
count Количество выводимых твиттов integer count: 3
intro_text Текст, который может выводиться перед твиттами string intro_text: null
outro_text Текст, который может выводиться после твиттов string outro_text: nul
join_text Текст, который может выводиться между датой и твиттом string join_text: null
loading_text Текст, который отображается во время загрузки твиттов string loading_text: null
query Поисковый запрос string query: null

Вот и вся наука. Пользуйтесь с удовольствием. Демо: посмотреть Плагин: скачать