Наш опрос
Как вы к нам попали?
Всего ответов: 36
Случайный анекдот
96 - Мама, а это правда, что я ненормальный? - Кто тебе такое сказал? - Мухи.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3473
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3293

   Мне нравится с выводом пользоватилей понравившимся материал



Сегодня наконец то доработал новенький вид кнопки "Мне нравится" для юкоз сайтов, как В Контакте. Плюсом этой кнопки является возможность просмотреть пользователей которым понравился материал, у аналогичных кнопок отображается только ник пользователя и его ID, а мой вариант кнопки показывает аватар и ник в аякс окне. Еще одним плюсом служит возможность использования её в любом модуле. Минус, это использование модуля блог.

Настройка:
Активируем модуль блог, создаем в нем любую категорию.
Переходим на страницу "Настройки модуля" и настраиваем все как на скрине.



Ставим галочку напротив: Включить возможность поиска материалов пользователя. Сохраняем.

Установка:
На страницу материала и комментариев к нему, перед ставим:
Код
<style>
.like {opacity:0.5;font-size:10px;padding-top:1px;padding-right:1px;}  
.like:hover {opacity:1.0;} #ico$NUMBER$ {color:#2B587A;cursor:pointer;} </style>  
<script type="text/javascript">  
function uwnd$ID$() {  
$.get('/blog/1-1-0-1-1', function(data){  
var ssid = $('input[name="ssid"]', data).val();  
$.post('/blog/', {  
a: '2',  
jkd428: '1',  
jkd498: '1',  
title: '$USERNAME$',  
brief: '<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://in.ucoz.org/images/noavatar.jpeg<?endif?>',
other1: '$ENTRY_NAME$',  
other2: '$HOME_PAGE_LINK$$REQUEST_URI$',
other3: '$IMG_URL1$',
tags: 'files_$ID$',  
ssid: ssid  
}, function(){});  
});  
}  
</script>  
<script type="text/javascript">  
$.get('/search/files_$ID$ ',function(uwnd){  
var result1 = $('#dfgdddfg',uwnd).html();  
var result2 = $('#number11',uwnd).html();  
  if(result1.indexOf('$USERNAME$')=='-1') { $('#likesit').html('<b class="like"><a href="javascript:;" rel="nofollow" onclick="openfrwind$ID$();" title="Мне нравится">Мне нравится</a> <a href="javascript:like_uwnd()" rel="nofollow" title="Посмотреть"><b id="vvod11">0</b></a></b>') } else { $('#likesit').html('<b class="like"><a href="javascript:like_uwnd()">Мне нравится <b>+</b><b id="vvod11">0</b></a></b>') };  
$('#vvod').html(result1);  
$('#vvod11').html(result2);  
});  
  </script>  
<script type="text/javascript">function like_uwnd(){  
  new _uWnd('uwnd13','Материал нравится',200, 100,{align: 0, shadow: 0, close: 1, autosize: 1, maxw: 500, minw: 60, maxh: 200, minh: 60, resize: 0},$('#like_uwnd').html());  
  }  
</script>  
<div style="display:none" id="like_uwnd"><span id="vvod">Получение списка...</span></div>  

<script type="text/javascript">  
function openfrwind$ID$(){  
var ajax_data = '<?if($LOG_FORM$)?><fieldset><legend>Ошибка</legend>Вы не можете голосовать за материал т.к. находитесь в группе "Гости".</fieldset><?else?><fieldset>Подтвердите, что материал вам нравится.</fieldset><input type="submit" value="Нравится" href="javascript:uwnd$ID$()" onclick="good$ID$();uwnd$ID$();"><?endif?>'; new _uWnd('wronglink','Мне нравится',280,80,{autosize:1},ajax_data);}  
function omguwnd(){hrf = window.location.href;  
$.post('/index/',function(data){var rs = $('cmd[t="omguwnd"][p="innerHTML"]',data).text();});}</script>  

<script type="text/javascript">  
function good$ID$(){  
  var ajax_data = 'Успешно'; new _uWnd('wronglink','Мне нравится',155,80,{autosize:1},ajax_data);}  
function omguwnd(){hrf = window.location.href;  
$.post('/index/',function(data){var rs = $('cmd[t="omguwnd"][p="innerHTML"]',data).text();});}</script>  
  


На этой же странице в место где хотите видеть кнопку ставте:
Код
<span id="likesit"></span>


Идем на страницу поиска, находим там $BODY$ и $NUM_ENTRIES$ заменяем их на:
Код
<span id="number11">$NUM_ENTRIES$</span>
<div id="dfgdddfg">$BODY$</div>


Теперь в виде материалов страницы поиска заменяем все на:
Код
<div style="float:left; width: 30%;">
<table cellspacing="0" width="100%" border="0">  
<tr><td><a href="/index/8-$TITLE$" >
<img src="$MESSAGE$" width="50" height="50" title="$TITLE$">
<br>
  <font size="1"><center><?substr($TITLE$,0,9)?></center></font></a>
</td></tr>

</table>
</div>


Сохраняем и обновляем страницу материала.

Html редактор
Автор: Prosvetekvator
Просмотров: 9787
31.03.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Мне нравится с выводом пользоватилей понравившимся материал След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022