[3.8.x] Last twitter status in member profile

09-04-2010, 04:20 PM

Last twitter status in member profile

Описание

Мм… в профиле юзера будет выводиться последний статус из социальной сети Twitter.

Автор

GmStaff

Скриншоты

Функции идентичны оригинальным — например, при наведении на никнейм появляется тултип, который показывает немного информации.

Демо

@gm-community.net

Инструкция

Для начала добавляем дополнительное поле профиля, тип «Текстовое поле одной строкой»
Заголовок — Twitter

Описание — Ваш никнейм в социальной сети Twitter

Категория поля профиля — по желанию

Значение по умолчанию — оставляем пустым

Максимальное количество символов в значении поля — 25

Далее по желанию.
Запоминаем id поля, у меня, например, это field10.
Затем подключаем в шаблоне headinclude используемого стиля:
jQuery (да-да, именно так), либо качаем с официального сайта, либо используем мое хранилище (о нем ниже).
jTweetsAnywhere, оф. сайт.
[s]CSS от jTweetsAnywhere[/s] Подключим непосредственно в MEMBERINFO. Также можно поступить с JS скриптами выше.
Добавляем в headinclude:
При использовании моего хранилища:
Code:
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1"></script>
<script type="text/javascript" src="http://storage.gm-community.net/js/jquery.js"></script>
<script type="text/javascript" src="http://storage.gm-community.net/js/jquery.jtweetsanywhere.js"></script>
При скачке скриптов с оф.сайтов и последующим отправлением скриптов в /clientscript:
Code:
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1"></script>
<script type="text/javascript" src="clientscript/jquery.js"></script>
<script type="text/javascript" src="clientscript/jquery.jtweetsanywhere.js"></script>
В шаблон MEMBERINFO добавляем:
При использовании моего хранилища:
Code:
@import url("http://storage.gm-community.net/css/jquery.jtweetsanywhere.css");
При скачке дистрибутива с оф.сайта и последующим отправлением css файла в /clientscript:
Code:
@import url("clientscript/jquery.jtweetsanywhere.css");
Затем, ищем
Code:
					<if condition="$prepared['usertitle']">
						<h2>$prepared[usertitle]</h2>
					</if>
Ниже добавляем:
Code:
<if condition="$userinfo[fieldX]">
	<div id="TwitterStatus"></div>

	<script type="text/javascript">
		$('#TwitterStatus').jTweetsAnywhere({
			username: '$userinfo[fieldX]',
			count: 1
		});
	</script>
</if>
Где fieldX — id дополнительного поля, которое мы добавляли в начале.

Вот и всё, в общем-то.