Сегодня мы будем решать интересную и модную задачку, а именно — вытаскивать последние сообщения из твиттера к себе на страничку. В реализации нам поможет 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

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

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для blogger.com