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




0 коммент.
Отправить комментарий