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

Просмотр списка адресованных вам сообщений в мини-чате by Apocalypse для uCoz
23.06.14, 14:42:41

Скачать файл








Сегодня я наконец то закончил этот скрипт. Суть его вот в чём - при клике на кнопку в чате всплывает _uwnd.alert окно, в котором перечислены номера всех сообщений, в которых упоминается ваш ник. Также вы сможете прочесть эти сообщения, кликнув по их номеру

Особенности:

1) Простота установки
2) Высокая функциональность скрипта
3) Возможность подгружать сообщения без обновления всей страницы

Установка:

1) Найдите $CHAT_BOX$ (Обычно в правом или левом глобальном блоке) и сразу после него вставляйте:
Код
<script>  
  $('#mmes').click(function() {  
  _uWnd.alert('<span id="test"><img src="/images/ajax-loader.gif" width="100px" /></span>', 'В чате вам адресованы сообщения', {w:400, h:150, tm:0, close:1, align:'left', autosize:1});  
  });  

  $('#mmes').mouseout(function() {  
  $('span#test').load('/mchat span#idd:contains("$USERNAME$")');  
  $('span:contains("В чате вам")').html('В чате вам адресованы сообщения <a onclick="upd1();" href="javascript://"><img align="absmiddle" src="/images/ref.png" width="12px" /></a>');  
  });  

  function upd1() {  
  $('span#test').html('<img src="/images/ajax-loader.gif" width="100px" />');  
  $('span#test').load('/mchat span#idd:contains("$USERNAME$")');  
  }  
  </script>


2) В Вид материалов мини-чата в самый верх:
Код
<div style="display:none;">  
  <span id="idd">  
  <span id="num$NUMBER$" onclick="$('span#mes$NUMBER$').fadeIn(500);" style="color:red;font-weight:bold;cursor:pointer;" title="Клик для подгрузки сообщения">  
  #$NUMBER$
  </span>  
  <span id="mes$NUMBER$" style="display:none;">$MESSAGE$</span>  
  <br><br>  
  </span></div>


Далее здесь же найдите:
Код
<?if($USERNAME$)?>
И сразу перед этим вставьте:
Код
<span style="color:red;font-weight:bold;">#$NUMBER$</span>


3) В Форме добавления сообщений мини-чата найдите примерно такой код (Иконка обновления мини-чата):
Код
<a href="$RELOAD_URI$" title="Обновить"> <img alt="" border="0" align="absmiddle" src="http://s36.ucoz.net/img/fr/mcr.gif" width="13" height="15"></a>


Сразу перед этим вставляйте:
Код
<a style="cursor:pointer;padding-right:3px;" id="mmes" title="Есть ли для вас сообщения"><img border="0" align="absmiddle" src="/images/ymsg.png" width="13" height="15"></a>


Иконку можете подобрать свою

Осталось лишь залить картинки из прикреплённого архива в папку images

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