Оповещение о новом ЛС (jQ) - Разработки

25 Октября 2008 14:28

Главная » Разработки » Разработки для модуля "Пользователи" » Оповещение о новом ЛС (jQ)

Подключаем jQuery
В шаблон Профиль пользователя

Quote

<?if($_AVATAR$)?><span id="Avatar">$_AVATAR$</span><br /><br /><?else?><span id="Avatar"><img src="/noavatar.jpg"></span><br /><br /><?endif?>

Заменить на картинку "Нет аватара"

Шаблон Личные сообщения (ЛС)

Code

Создаем глобальный блок, например MESSAGES

Quote

<div id="PMLoading"><a name="PMCheck"></a><img src="http://src.ucoz.ru/img/wd/6/ajax.gif" align="left"> Подождите, идет проверка новых личных сообщений...<br></div>
<div id="PMInfo" style="display: none; text-align: center;"></div>
<div id="PMAvatar" style="display: none;"></div>
<div id="PMText" style="display: none;"></div>
<script>
$('#PMInfo').load('http://free-manga.net.ru/index/14 #PMBody', function(){
if($('b.unread:first', $('#PMInfo')).html()){
PMFrom = $('a', $('#PMInfo b.unread:first').parent().parent()).eq(1).html()
$('#PMAvatar').load('http://free-manga.net.ru/index/8-0-' + PMFrom + ' #Avatar', function () {
PMURL = $('a', $('#PMInfo b.unread:first').parent().parent()).eq(0).attr('href')
$('#PMText').load(PMURL, function () {
$('#PMLoading').hide('normal')
$('#snewmes', $('#PMText')).hide()
$('#PMInfo').html('<b>Новое входящее сообщение</b><br>От: <b>' + PMFrom + '</b><br>' + $('#PMAvatar').html() +'<hr><b>Тема</b>: ' + $('#PMInfo b.unread:first').html() + '<br><b>Сообщение</b>:<br>' + $('#snewmes', $('#PMText')).parent().html() + '<hr>[ <a href="http://free-manga.net.ru/index/14-' + PMFrom + '-0-1" target="_blank">Ответить</a> | <a href="http://free-manga.net.ru/index/14" target="_blank">Сообщения</a> ]<bgsound src="http://src.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">')
$('#PMInfo').show('normal')
})
})
}else{
$('#PMLoading').hide()
$('#PMInfo').html('Новых сообщений нет<br>[ <a href="http://free-manga.net.ru/index/14" target="_blank">Сообщения</a> ]')
$('#PMInfo').show('normal')
}
})
</script>

Меняем на свой сайт

В нужном месте на страницах сайта пишем

Code

<?if($USER_LOGGED_IN$)?><table class="boxTable"><tr><th><h2>Сообщения</h2></th></tr><tr><td class="boxContent">$GLOBAL_MESSAGES$</td></tr></table><?endif?>

Правила использования:

Все права на публикуемые скрипты принадлежат их авторам!
Запрещается распространение скриптов без указания автора!
Запрещается "затирание" копирайтов!

Рейтинг:

Модуль: Пользователи | 3422 просмотра | Автор: Gaara | Добавлено: 25 Октября 2008 | Теги: jQuery

5 комментариев

Порядок вывода комментариев:

fuck2s[Материал] 13:24, 18 Июня 2009

Извиняюсь! Все работает! +1

n1ght(o_O)1[Материал] 22:44, 15 Июля 2009

Кул спс

mob_dp[Материал] 15:24, 21 Августа 2009

Вот обрезанная версия (врядли вам пригодится, для себя постю чтоб, не потерять):

Code

<div id="PMInfo" style="display: none; text-align: center;"></div>
<div id="PMText" style="display: none;"></div>

wowbug.userpanel.loadpm = function() {

document.getElementById('buttons').innerHTML += '<a href="javascript://" class="button" id="button4" style="width:300px;" onClick="wowbug.userpanel.change(this,4)">Новое личное сообщение</a>';
if(wowbug.cookie.get("panel")=='hide') wowbug.userpanel.toggle('show');
document.getElementById('cookiepanel').innerHTML = wowbug.cookie.get("panel");
wowbug.userpanel.change(document.getElementById('button4'),4);

$('#PMInfo').load('/index/14 #PMBody', function(){
  PMFrom = $('a', $('#PMInfo b.unread:first').parent().parent()).eq(1).html();
  PMURL = $('a', $('#PMInfo b.unread:first').parent().parent()).eq(0).attr('href');
  $('#PMInfo').html('От <b>' + PMFrom + ':</b> <a href="'+PMURL+'" target="_blank">' + $('#PMInfo b.unread:first').html() + '</a><br><span><a href="javascript://" onclick="wowbug.userpanel.loadpmtext(this,\''+PMURL+'\')">Показать текст сообщения</a><hr>[ <a href="/index/14-' + PMFrom + '-0-1" target="_blank">Ответить</a> | <a href="/index/14" target="_blank">Сообщения</a> ]');
  $('#PMInfo').show('normal');
});

}

wowbug.userpanel.loadpmtext = function(a,PMURL) {
  $('#PMText').load(PMURL, function () {
  a.parentNode.innerHTML =  $('#snewmes', $('#PMText')).parent().html();
  });
}

borisle2[Материал] 03:10, 09 Января 2010

Есть 3 вопроса.
1. Как регулировать размер аватара, который выводится в этом окне;
2. Как сделать так, что бы при нажатии на 'Ответить' - открывалось ajax окно с формой отправки сообщения;
3. Как сделать так, что бы при ответе, уже автоматически были введены данные получателя и тема сообщения - и что бы эти поля уже были скрыты?

Nexonion[Материал] 21:19, 30 Июня 2010

Всё работает smile

Только вот жалко, что при такой подгрузки сообщения оно становиться прочитанным.. и в дальнейшем система его так и определяет... sad

Это нельзя как-нибудь поправить???

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

U.Helper

Правила использования: