В даній статті я покажу вам, як легко за допомогою MooTools можна вивести n записів з вашого (і не лише вашого) твіта. Зразу уточню. Ідея та реалізація не моя, я підглянув її в статті Unobtrusive Twitter and Delicious feeds using MooTools (Alex Gibson).

Впевнений, ви чули про соціальну мережу Twitter. Можливо навіть зареєстровані там і активно ведете записи. Для тих же, хто вперше чує про даний сервіс, невеличка довідка.

Суть Twitter’а в тому, що кожен зареєстрований користувач може написати коротке повідомлення (до 140 символів). Відповідно, ваші “друзі” по Twitter’і зможуть прочитати ці повідомлення. Другом в даному випадку виступає користувач, якого ви “зафоловили”, тобто додали  до списку своїх читачів. Гадаю,  для початку цієї інформації буде достатньо. Хочете знати більше про Твіттер, читайте статтю Сайти, що змінили світ. Twitter. Знайти собі “друга” в Twitter’і можна, наприклад, на сайті Україномовний Твіттер, автором якого є Олег Боженко (@mrgall). Тут користувачі розбиті по містах, що допоможе вам знайти однодумців з рідного міста, і дозволить швидко стати своїм в цій соціальній мережі. Маю свій твіт і я. Ось, він ? @virua.

Так, щось ми почали віддалятися від теми. Повернемося до самої статті. Для початку подивіться на демонстраційний приклад роботи скрипта.

Щоб даний скрипт працював, вам необхідно буде зайти на сайт MooTools і викачати MooTools Core та MooTools More (не забудьте включити клас Request.JSONP). А тоді, додайте посилання на ці файли, в тезі HEAD вашої HTML сторінки:

<script type="text/javascript" src="mootools-1.2.2-core-yc.js"></script>
<script type="text/javascript" src="mootools-1.2.2.2-more.js"></script>

Тепер слід вставити наступний HTML-код в тіло веб-сторінки. Переконайтеся в тому, що вказано ваше ім’я користувача (замість username) в адресі:

<ul id="twitter-post">
	<li><a href="http://twitter.com/username">View my Twitter updates</a></li>
</ul>

JavaScript-код виглядає наступним чином. Знов ж таки не забудьте замість username поставити свої дані:

window.addEvent('domready', function() {

	//Twitter JSONP request
	var myTwitterRequest = new Request.JSONP({
		url: 'http://twitter.com/statuses/user_timeline/username.json',
		data: {
			count: '10'
		},
		noCache: true,
		onComplete: function(myTweets) {
			var el = $('twitter-post');
			el.empty();
			myTweets.each(function(tweet) {
				var myElement = new Element('li',{
					html:  '<p>' + tweet.text + '</p>'
				}).injectInside('twitter-post');

			});
		}
	}).send();

});

В цьому фрагменті коду

data: {
	count: '10'
},

можна вказати кількість записів. Ну, от, і все.

Джерело:

• Unobtrusive Twitter and Delicious feeds using MooTools.