Главная » Файлы » Скрипты для uCoz » Мини-чат

Хак для мини-чата - Возможность отбирать сообщения пользователя by Apocalypse для uCoz
23.06.14, 14:36:11

Скачать файл




Вчера мой приятель предложил разработать небольшой хак для мини-чата - возможность отбора сообщений пользователя. Бывают случаи, когда какому-то пользователю нужно посмотреть все сообщения какого-нибудь пользователя. Проматывать всю историю сообщений с ручным отловом - не очень удобно. Данный хак позволяет одним кликом выделить все сообщения конкретного пользователя нужным цветом, а сообщения остальных пользователей скрыть. Также ники всех остальных пользователей станут прозрачными для более удобного отлова

Установка:

Работать будем с Видом материала мини-чата:

1) Найдите у себя приблизительно следующий участок кода (Ник пользователя + иконка профиля):
Код
<?if($USERNAME$)?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img alt="" src="http://s36.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a>


Замените это на:
Код
<span id="logn" class="logn$USER_ID$">  
  <?if($USERNAME$)?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img alt="" src="http://s36.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a>  
  </span>


Мы обрамили нкжные нам элементы в спаны с уникальным ID для последующей манипуляции с ними ( В нашем случа - изменение прозрачности при нужных нам условиях)

2) Сразу после предыдущего кода вставляйте:
Код
<a href="javascript://" class="t$USER_ID$" id="fd" onclick="$('div.cMessage').show(0);$('span.uid$USER_ID$').hide(0);$('a#t').show(0);$('span#logn').fadeTo(500 , 1);$('a#fd').show(0);"><img title="Показать все сообщения" src="/images/ftitle.png" width="10px" /></a>
  <a href="javascript://" id="t" onclick="$('div.cMessage').hide(0);$('span.uid$USER_ID$').show(0);$('a#t').hide(0);$('span#logn').fadeTo(500 , 0.3);$('span.logn$USER_ID$').fadeTo(500 , 1);$('a#fd').hide(0);$('a.t$USER_ID$').show(0);"><img title="Отобрать сообщения пользователя" src="/images/view.png" width="10px" /></a>


Это основной функционал. Здесь содержится весь необходимый функционал

3) Найдите приблизительно следующее:
Код
<div class="cMessage" style="text-align:left;">$MESSAGE$</div>


(Если у вас $MESSAGE$ не обрамлено соответствующим образом в дивы с классом cMessage - обрамите)

Сразу после этого кода вставляйте:
Код
<span style="display:none;color:red;font-weight:bold;" class="uid$USER_ID$">$MESSAGE$</span>


4) Залейте две картинки из прикреплённого архива в папку images

Огромное спасибо выражаю сайту http://helper.ucoz.ru за помощь в решении некоторых вопросов

Материал подготовлен Apocalypse

Категория: Мини-чат | Добавил: Apocalypse | Теги: возможность, Apocalypse, отбирать, by, Мини-чата, Сообщения, пользователя, для, Хак
Просмотров: 239 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: