uLike - Лайки для комментариев

WOLF — Fri, 20 Jul 2012 05:03:43 GMT

Лайки теперь стали возможны не только для отдельного материала, но и для комментариев.
Данный скрипт создаёт только 1 $.get запрос на выдачу лайков => нагрузку и бан можно избежать)
Лайки смахивают на лайки ВК, но если кто захочет переделать под себя, то пожалуйста, только сам скрипт ломайте. Некоторые html теги отвечают за работу скрипта
Хвать этой писанины перейдём к делу. Первое что нужно это подключить js скрипт:

Доступно только для пользователей

Code

Загрузка...

');
   setTimeout(function() {
   $.ajax({
   type: "POST",
   url: '/php/ulike/like.php?act=loadliked&cid='+id+'&u=1',
   dataType: "json",
   success: function(response) {
   $('.loading-spinner').hide();
   for(var i=0; i   $('.like_stats'+id).find('td').before('');
   }
   }
   }); }, 500);
   }
   }
   },
   hide: function(id){
   $('#likeTooltip'+id).stop().fadeOut(200);
   },
   show: function(id,count){
   var likeTimeout;
   if(!count){count_l = $('#clike'+id).find('#liked').html();}else{count_l = count;}
   clearTimeout(likeTimeout);
   ulike.showLikeTooltip(id,count_l);
   $('#likeTooltip'+id).mouseenter(function(){
   clearTimeout(likeTimeout);
   });
   $('#clike'+id).mouseleave(function(){
   likeTimeout = setTimeout(function() {ulike.hide(id)}, 500);
   });
   $('#likeTooltip'+id).mouseleave(function(){
   likeTimeout = setTimeout(function() {ulike.hide(id)}, 500);
   });
   },
   liked: function(id){
   if(!$('#clike'+id).find('#liked').html()){c_l = 1;}else{c_l = parseInt($('#clike'+id).find('#liked').html());}
   $('#clike'+id).find('#liked').html(c_l+1);
   ulike.show(id,c_l);
   $('.like_stats'+id).find('td').hide().before('

Загрузка...

');
   $.ajax({
   type: "POST",
   url: '/php/ulike/like.php?act=add_user&cid='+id,
   dataType: "text",
   success: function(data) {
   if(data==1){
   ulike.show(id,c_l);
   }else{
   $('#clike'+id).find('#liked').html(c_l);
   _uWnd.alert('Вы уже оставили свой лайк ранее', 'Ошибка!',{w:300, h:70});
   }
   $('.like_stats'+id).find('td').show();
   $('.loading-spinner').hide();
   }
   });
   }
   }

   $(document).ready(function() {
   var idc = '';
   $('body').find('#comlike').each(function(){
   idc += $(this).find('div').attr('id').replace('clike', '') +',';
   });

   $.ajax({
   type: "POST",
   url: '/php/ulike/like.php?act=loadliked&cid='+idc,
   dataType: "json",
   success: function(data) {
   for(var i=0; i   var id = data[i].id;
   $('#clike'+id).find('#liked').html(data[i].liked);
   }
   }
   });
   });

С js кодом покончено, теперь следом идёт PHP. Создаём папку ulike и кидаем туда файлы из архива.

Внимание: файл "basel.php" - НЕ ТРОГАТЬ! Не изменять его! Иначе скрипт работать не будет! Этот файл выполняет роль базы данных)
В файле "like.class.php" можно изменить некоторые переменные:
$str_m_2 - Кол-во пользователей на стр. в модальном окне
$no_photo - url ссылка на no-photo

Пожалуй с самой лёгкой частью скрипта мы разобрались, теперь осталось поставить css)

Доступно только для пользователей

Code

.yt-spinner-img, .loading-spinner img {
   background: url("http://webo4ka.ru/Ucoz6/icn_loading_animated-vflff1Mjj.gif") 50% 50% no-repeat transparent;
   height: 20px;
   vertical-align: middle;
   width: 20px;
   }
   p.yt-spinner, p.loading-spinner {
   line-height: 20px;
   margin: 0px;
   padding: 1em;
   text-align: center;
   font-size: 11px;color:#fff;margin-top:-5px
   }
   .like_tt, .mention_tt {
   opacity: 1;
   background: rgba(0, 0, 0, 0.702);
   border-radius: 5px;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.275);
   color: #FFFFFF;
   cursor: pointer;
   text-shadow: 0px 1px 0px #262626;
   }
   .tt, .ttb {
   cursor: default;
   position: absolute;
   z-index: 2000;
   }
   .like_tt, .mention_tt {
   color: #FFFFFF;
   cursor: pointer;
   text-shadow: 0px 1px 0px #262626;
   }
   .tt.rich .side_sh {
   display: table-cell;
   }
   .tt .side_sh {
   background: #000000;
   display: none;
   opacity: 0.05;
   overflow: hidden;
   width: 1px;
   }
   .tt .outer .side_sh {
   opacity: 0.12;
   }
   .wrapped {
   overflow: hidden;
   word-wrap: break-word;
   }
   .like_tt .header {
   cursor: pointer;
   }
   .like_tt .header .like_head_wrap {
   font-size: 11px;
   color: #FFFFFF;
   font-weight: 700;
   padding: 8px 9px 3px;
   }
   .like_tt .content {
   padding: 5px 10px 7px;
   width: 210px;
   }
   .like_tt .content .hider {
   height: 33px;
   overflow: hidden;
   position: relative;
   width: 210px;
   }
   .like_tt .content table {
   position: relative;
   }
   .like_tt .content a {
   border-radius: 3px;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.298);
   display: block;
   height: 30px;
   margin-right: 6px;
   overflow: hidden;
   width: 30px;
   }
   .like_tt .like_tt_stats_photo {
   border-radius: 3px;
   }
   .like_tt table.toup1 .bottom_pointer, .mention_tt table.toup1 .bottom_pointer {
   background: url("http://webo4ka.ru/Ucoz6/like_icons_bl.png") -2px -47px no-repeat transparent;
   bottom: -7px;
   display: block;
   height: 7px;
   margin-left: 64px;
   margin-right: 0px;
   position: absolute;
   top: auto;
   width: 13px;
   }

В вид комментариев вставить:

Code

Автор: faforty

Счетчик просмотров профиля для ucoz

WOLF — Fri, 20 Jul 2012 04:54:04 GMT

Описание: счетчик, показывающий сколько раз был просмотрен профиль того или иного пользователя.
Для установки потребуется активированный пакет PHP!

1. Скачайте архив СКАЧАТЬ , распакуйте и загрузите его содержимое по ftp php в папку profile (Предварительно создайте ее).
2. Зайдите в ПУ, управление дизайном, персональная страница пользователя, и в нужном месте разместите:

Доступно только для пользователей

Code

3. Готово! Стиль блока вывода просмотров при желании можно изменить.

Доступно только для пользователейИсточник

Правила добавления скриптов

WOLF — Fri, 20 Jul 2012 04:42:30 GMT

1.1 В названии материала запрещено указывать адрес стороннего сайта.
Например запрещено писать: "Скрипт by shuka.ru"
Пример правильного названия: "Скрипт мини-профиля для uCoz"
1.2 К скрипту обязательно прилагать полное описание или скриншот.
В крайнем случае можно указать ссылку на пример.
Строго запрещено
таким образом рекламировать свой сайт.
1.3 Все коды скриптов нужно заключать в теги [ hide][ code] скрипт [ /code][ /hide]
1.4 Если скрипт не ваш, то вы должны указать автора скрипта.
Крайне строго караются те, кто чужой скрипт присвоил себе самовольно
и указал свой сайт как источник-реклама. Ссылку на источник ставить в
специальное поле под названием: "Источник"
1.5 Перед добавлением используйте поиск, чтобы не было повторных скриптов.

Home sims форум

uLike - Лайки для комментариев

Счетчик просмотров профиля для ucoz

Правила добавления скриптов