in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2013 » Март » 31 » Мне нравится с выводом пользоватилей понравившимся материал
« Предидущий | ID: 168 | Следующий »

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


Сегодня наконец то доработал новенький вид кнопки "Мне нравится" для юкоз сайтов, как В Контакте. Плюсом этой кнопки является возможность просмотреть пользователей которым понравился материал, у аналогичных кнопок отображается только ник пользователя и его 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>


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

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 
 
 
Статистика
Вверх | меню | пользователи
Онлайн всего: 23
Гостей: 23
Пользователей: 0
 
 
Полная версия сайта