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

"Друзья пользователя" из модуля "Блог" v1.0 beta для ucoz

"Друзья пользователя" из модуля "Блог" v1.0 beta для ucoz

Друзья пользователя из модуля Блог v1.0 beta для ucoz. Скрипт пока что находится в стадии beta тестирования. (Мною тестировался только в Хроме на jquery 1.7.2) Так что тестируем :) Если нашли баг - пишите об этом в комментариях.
Особенности скрипта:
- Удобная настройка шаблона вывода друга.
- Удобное изменение текста оповещений.
- Возможность скрытия друзей.
- Отправление оповещения (подтверждения) при добавлении друга.
- Проверка на наличие пользователя у вас в друзьях при добавлении.
- oncontextmenu для скрытия/удаления друзей.

Есть пару минусов:
1) Нету капчи для простых пользователей при отправке оповещения. (сообщение не отправится, но юзер в друзья добавится).
2) Ограничение на кол. друзей: 50
Эти минусы будут исправлены в новой версии. :)

Также в новой версии планируется сделать отдельную страницу для вывода всех друзей с доп. инф. (группа, пол) и функциями (отправить лс, скрыть, удалить), а также с поиском друга по нику.
"Друзья пользователя" из модуля "Блог" v1.0 beta для ucoz

Вид материалов модуля "Блог" заменяем на:
<div class="friend_$ID$" rel="$TITLE$"><span>$OTHER1$</span><span>$OTHER2$</span><span>$OTHER3$</span><span>$OTHER4$</span><span>$ID$</span></div>


Во всех остальных шаблонах модуля пропишите редирект.

И самое главное, на перс. страницу в нужное место:
<style type="text/css"> 
/* стили oncontextmenu */
.ocmenu{display:none;position:absolute;list-style:none;border:1px solid #999;-
moz-box-shadow:2px 2px 3px rgba(0,0,0,0.4);-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.4);box-shadow:2px 2px 3px rgba(0,0,0,0.4);padding:1px;margin:0;width:200px;background:#e8e8e8;}
.ocmenu li{color:#222;border:1px solid #e8e8e8;-moz-border-radius:2px;-webkit-
border-radius:2px;border-radius:2px;padding:3px 6px;}
.ocmenu li:hover{border-color:lightblue;cursor:default;}

/* стили блока "Друзья" */
.friends_block{width:180px;border:2px solid #ccc;-moz-border-radius:3px;-webkit-
border-radius:3px;border-radius:3px;backgorund:#f4f4f4;margin:10px;}
.friends_block_title{background:#e8e8e8;border-top:1px solid #ccc;border-
bottom:1px solid #ccc;}
.friends_block_title > div{padding:4px 6px;text-align:left;}
</style>

<!-- блок "Друзья". Вставляеете, куда вам надо -->
<?if(!$_IS_OWN_PROFILE$)?><a href="javascript:$fm.add();">Добавить в друзья!</
a><?endif?>
<div class="friends_block">
<div class="friends_block_title"><div><div style="float:right;"><b>
$_BLOG_ENTRIES$</b></div>Друзья:<div style="clear:both;"></div></div></div>
<div id="friends" style="padding:3px 5px;">Загрузка...</div>
<?if($_IS_OWN_PROFILE$ && ($_BLOG_ENTRIES$>0))?>
<div class="friends_block_title"><div>Скрытые друзья:</div></div>
<div id="hidden_friends" style="padding:3px 5px;">Загрузка...</div>
<?endif?>
</div>
<!-- блок "Друзья" end -->

<script>
var $lang = {
sent: 'Приглашение в друзья было успешно отправлено!',
pm_notty: 'Пользователь [b]%user%[/b] добавил вас в друзья.nЧтобы
подтвердить, что вы его друг, перейдите по [url=%link%]этой ссылке[/url].',
no_add_ys: 'Вы не можете добавить себя в друзья.',
f_no_cls: 'Вы не скрыли ни одного друга.',
f_all_fr: '<?if($_IS_OWN_PROFILE$)?>Вы<?else?>Пользователь <b>$_USERNAME$</
b><?endif?> скрыл<?if($_IS_OWN_PROFILE$)?>и<?endif?> всех своих друзей.',
no_fr_have: '<?if($_IS_OWN_PROFILE$)?>Вы<?else?>Пользователь <b>$_USERNAME$</
b><?endif?> еще никого не добавлял<?if($_IS_OWN_PROFILE$)?>и<?endif?> в друзья.',
no_gender: 'Пол не указан.',
no_ava: 'http://hi7emka.ru/i/noava.png',
ay_is: 'Пользователь <b>$_USERNAME$</b> уже есть у Вас в друзьях.',
f_max: 'Вы достигли максимального количества друзей: <b>50</b>.',
hide_ok: 'Друг перенесен в список скрытых друзей.',
unhide_ok: 'Друг обратно перенесен из списка скрытых.',
cm_fr: 'Подтверждение дружбы',
c_sent: 'Оповещение о подтверждении дружбы успешно отправлено.',
cpm_notty: 'Пользователь [b]%user%[/b] подтвердил, что вы являетесь
друзьями.',
r_hide: 'Вы действительно хотите скрыть этого друга?',
r_uhide: 'Вы действительно хотите убрать из списка скрытых этого друга?',
a_r_hide: 'Скрыть этого друга в списке друзей?',
f_del_ok: 'Друг успешно удален.',
f_del_nok: 'Возникла ошибка. Попробуйте снова.'
},
$config = {};
$config.template = {
/* шаблон списка друзей на перс. странице --- доступные теги: %fid% -
уникальный id для каждого друга. Преобразуется в вид "friend_USERID_entryID" (для скрытых в "hfriend_USERID_entryID") (тег обязателен); %uname% - ник друга; %uid% - ID друга; %uavaurl% - ссылка на аватар друга; %ugr% - группа друга; %ugender% - пол друга. Используйте все теги по одному разу.*/
sflist: '<div id="%fid%" title="Группа: %ugr%. Пол: %ugender%"
style="display:inline-block;margin:2px 3px;"><a href="/index/8-%uid%"><img src="%uavaurl%" style="width:50px;height:50px;cursor:pointer;"><br><center><b>%uname%</b></center></a></div>'
};
/* не трогать */
$config.u = {
id: '$USER_ID$',
name: '$USERNAME$',
_id: '$_USER_ID$',
_name: '$_USERNAME$',
_my: '$_IS_OWN_PROFILE$',
_ava: '<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR
$,strpos($_AVATAR$,'src')+5),'>')-3)?>',
_gr: '$_GROUP_NAME$',
_gdr: '$_GENDER_NAME$'
};
$.getScript('http://tt.hi7emka.ru/fmodule/friends.js');
</script>

Сохранить js-файл, поменять ссылку в no_ava и переделать блок под дизайн, думаю, труда особого не составит :)

Всё, надеюсь, ничего не забыл :)

Автор: hi7emka

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

Автор: chestr  4-09-2012, 23:01   Просмотров: 3558   
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


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