Регистрация    Войти
Авторизация

Вывод информации об авторе на странице материала

Стандартные шаблоны uCoz позволяют выводить скудную информацию об авторах материалов на страницах с описанием и комментариями, а именно логин и ссылку на персональную страницу автора. Вывести больше информации нам поможет API, но, по правде говоря, информацию можно получать с персональной страницы, но API это меньшая нагрузка.

Наш скрипт сначала генерирует ссылку на API с помощью стандартных операторов. Затем получает нужные данные и выводит их в заданные места. Обратите внимание, что в сценарии есть ссылка на изображение «Нет аватара», замените ссылку на свое изображение.

Так выглядит информация о пользователе под материалом, но вы можете поставить как над материалом так в любое другое место:
Вывод информации об авторе на странице материала


Установка

1. В "Общих настройках" включите использование API.

2. Вставьте следующий код на "Странице материала и комментариев к нему" в том месте, где хотите увидеть вывод информации:

<div id="author_info"> 
<div class="author_block"> 
<div class="author_avatar"></div> 
<div class="author_name"></div> 
</div> 
</div> 

<script type="text/javascript"> 
var xml = $.ajax({  
type: 'GET',  
url: '/api/index/8-<?substr($PROFILE_URL$, strrpos($PROFILE_URL$,"8-")+2)?>',  
dataType: 'xml',  
async: false  
}).responseText;  
var userAvatar = $(xml).find('struct:first member:contains("USER_AVATAR")').find('string').text();  
var userName = $(xml).find('struct:first member:contains("USER_NAME")').find('string').text();  
var userGroup = $(xml).find('struct:first member:contains("USER_GROUPNAME")').find('string').text();  
if(userAvatar=='') {userAvatar='http://yraaa.ru/images/noavatar.gif'} 
$('.author_avatar').html('<a href="$PROFILE_URL$"><img src="'+userAvatar+'" alt="" /></a>'); 
$('.author_name').html('<a href="$PROFILE_URL$">'+userName+'</a><span>'+userGroup+'</span>'); 
</script> 

<style type="text/css"> 
.author_block {display:table;margin:20px 0px} 
.author_avatar, .author_name {display:table-cell;vertical-align:top} 
.author_avatar {width:84px} 
.author_avatar img {width:64px;height:64px;object-fit:cover} 
.author_name a {font-weight:bold} 
.author_name span {display:block;font-size:13px;padding-top:7px;} 
</style>


API позволяет получать разную информацию о пользователе, в нашем случае мы получили ссылу на аватар (USER_AVATAR), полное имя (USER_NAME) и полное название группы пользователя (USER_GROUPNAME).

Рекомендуем по-своему оформить данный блок и перенести все стили в "Таблицу стилей (CSS)".

Зная, какой ажиотаж вызывает скрипт вывода аватара на страницу материала, не можем не подсказать. Чтобы оставить здесь только аватар, достаточно будет удалить из кода строчку

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: OfficialTrin  10-07-2015, 13:51   Просмотров: 1664   

Источник новости: http://yraaa.ru/publ/avatar/22-1-0-2552

Вывод, информации, об, авторе, на, странице, материала
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.