Суть скрипта вот в чём - при клике на кнопку в чате всплывает _uwnd.alert окно, в котором перечислены номера всех сообщений, в которых упоминается ваш ник. Также вы сможете прочесть эти сообщения, кликнув по их номеру Особенности: 1) Простота установки 2) Высокая функциональность скрипта 3) Возможность подгружать сообщения без обновления всей страницы Установка: 1) Найдите $CHAT_BOX$ (Обычно в правом или левом глобальном блоке) и сразу после него вставляйте: Code <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) В Вид материалов мини-чата в самый верх: Code <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> Далее здесь же найдите и сразу перед этим вставьте: Code <span style="color:red;font-weight:bold;">#$NUMBER$</span> 3) В Форме добавления сообщений мини-чата найдите примерно такой код (Иконка обновления мини-чата): Code <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> Сразу перед этим вставляйте: Code <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
|