• Страница 1 из 1
  • 1
Оповещение о новом сообщении как ВКонтакте
dimka_a Оффлайн
Проверенный
0
Дата: Воскресенье, 2016-12-04, 00:40 | Сообщение # 1
добрый вечер... решил сделать на сайте оповещение о новых сообщениях как в ВК... код добавил, но есть одно но... сообщения то приходят, но текст сообщений в них не отображается... а так же аватар не подгружается... (скрин прилагается)

код который добавил:
Код

<!--Оповещение ЛС-->

<?if($USER_LOGGED_IN$)?>
<div id="one_pm"></div>

<script type="text/javascript">  
var no_ava = 'http://akmid.ucoz.com/Opoveshenie_LS/noavatar.gif';

var this_mess_link = '';
function m_reload() {
if($('#one_pm' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .html()=='' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> {
$.get('/index/14?'+Math.random(), function (data) {  
$('b.unread', data).each(function (i,index) {  
getLink = $(index).parent().attr("href");  
this_mess_link = getLink;
getText = $(index).parent().text();  
getAuthorName = $(index).parent().parent().children('a' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .eq(1).text();  
getAuthor = $(index).parent().parent().children('a' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .eq(1).attr("href");  
getID = '#one_pm'+i;
var xml = $.ajax({
  type: 'GET',
  url: '/api/index/8-0-'+getAuthorName.replace('-','~' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> ,
  dataType: 'xml',
  async: false
  }).responseText;
var urlAvatar = $(xml).find('struct:first member:contains("USER_AVATAR")' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .find('string' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .text();
var userName = $(xml).find('struct:first member:contains("USER_NAME")' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .find('string' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .text();
$('#one_pm' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .html('<div id="one_pm'+i+'" style="display:none">'
+'<div class="h_newpm">'  
+'<div class="h_npin"><a class="h_nover" href="'+getLink+'"></a>'  
+'<div class="h_nptitle">Новое сообщение</div><span class="h_del" onclick="h_del();return false;"></span>'
+'<div class="h_npl"><div class="h_npimg"><a href="#" id="hnp_avatar"></a></div></div>'
+'<div class="h_npr"><a href="#" id="hnp_author"></a> <a id="hnp_text" href="'+getLink+'">'+getText+'</a></div>'
+'</div>'
+'</div>'
+'</div><div id="hnp_sound"></div>' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> ;
$(getID+' #hnp_author' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .attr('href', getAuthor);  
$(getID+' #hnp_avatar' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .attr('href', getAuthor);
$(getID+' #hnp_author' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .html(userName);  
$(getID+' #hnp_avatar' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .html('<img src="'+ (urlAvatar == '' ? no_ava : urlAvatar )+'">' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> ;  
setTimeout(function(){$(getID).slideDown(200);},200);  
$('#hnp_sound' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .html('<audio src="http://akmid.ucoz.com/Opoveshenie_LS/vk.mp3" volume="1" autoplay></audio>' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> ;setTimeout(function(){$('#hnp_sound' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .html('' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> },2000);
});  
});
}  
}
function h_del() {$('#one_pm' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .fadeOut(200,function(){$('#one_pm' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> .html('<i></i>' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> });$.get(this_mess_link);}
m_reload();setInterval(function(){m_reload()}, 15000);
</script>

<style type="text/css">
#one_pm {position:fixed;left:20px;bottom:0px;cursor <img rel="usm" src="/smiles/tease.gif" border="0" align="absmiddle" alt=":p" /> ointer;font-family:Tahoma,Arial,Verdana,sans-srif}
#hnp_sound {position:absolute;top:-1000px;left:-1000px}
#hnp_author span {display:none}
.h_newpm {position:relative;width:350px;height:110px;margin-bottom:20px;background:rgba(0,0,0,0.7);text-shadow:0 1px 3px rgba(0,0,0,0.5);box-shadow:0 0 10px #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.h_newpm #hnp_author {color:#a4dcfa;font-weight:bold;text-decoration:none;}
.h_newpm #hnp_author:hover {color:#a4dcfa;text-decoration:underline}
.h_npin {padding:14px;padding-top:10px}
.h_nptitle {color:#FFF;font-size:13px;font-weight:bold;padding-bottom:12px}
.h_npimg {width:57px;height:57px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.3);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.h_npimg img {width:100%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.h_npl {position:absolute;left:13px;top:38px;z-index:3;width:70px}
.h_npr {position:absolute;left:84px;top:38px;z-index:3;color:#FFF;font-size:13px;padding-right:14px}
.h_npr #hnp_text, .h_npr #hnp_text:hover {display:block;text-decoration:none;color:#FFF}
.h_newpm:hover .h_del {display:inline-block;}
.h_del {position:absolute;display:none;top:12px;right:12px;z-index:3;cursor <img rel="usm" src="/smiles/tease.gif" border="0" align="absmiddle" alt=":p" /> ointer;background:url('http://akmid.ucoz.com/Opoveshenie_LS/del023.png' <img rel="usm" src="/smiles/wink.gif" border="0" align="absmiddle" alt=";)" /> 0px 0px;width:18px;height:18px}
.h_del:hover {background-position:0px 18px}
.h_nover {position:absolute;top:0px;left:0px;width:100%;height:100%;}
</style>

<?endif?>


сайт: http://akmid.ucoz.com/

спасибо огромное всем заранее за помощь...
Прикрепления: 2797498.png (13.5 Kb)
Профиль
  • Страница 1 из 1
  • 1
Поиск: