Особенности скрипта: 1) Простота установки.
2) Высокая функциональность.
3) Возможность загружать сообщения без обновления всей страницы.
Установка:в первую очередь подключите font-awesome для отоброжения иконок по скольку я немного пересобрал данный скрипт! код можно просто закинуть в любой глобальный блок
Код
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
1 Далее Найдите $CHATBOX$ (обычно в правом или левом глобальном блоке) и добавьте следующий код сразу после него:
Код
<script>
$('#mmes').click(function() {
_uWnd.alert('<a href="JavaScript://" id="load_my_message"><i class="fa-solid fa-envelope"></i> Посмотреть сообщения</a>', 'В чате вам адресованы сообщения', {w:400, h:150, tm:0, close:1, align:'left', autosize:1});
});
$('#mmes').mouseout(function() {
$('#load_my_message').load('/mchat span#idd:contains("$USERNAME$")');
$('span:contains("В чате вам")').html('В чате вам адресованы сообщения <a onclick="upd1();" href="javascript://"><i class="fa-solid fa-arrows-rotate"></i></a>');
});
function upd1() {
$('#load_my_message').load('/mchat span#idd:contains("$USERNAME$")');
}
</script>
$('#mmes').click(function() {
_uWnd.alert('<a href="JavaScript://" id="load_my_message"><i class="fa-solid fa-envelope"></i> Посмотреть сообщения</a>', 'В чате вам адресованы сообщения', {w:400, h:150, tm:0, close:1, align:'left', autosize:1});
});
$('#mmes').mouseout(function() {
$('#load_my_message').load('/mchat span#idd:contains("$USERNAME$")');
$('span:contains("В чате вам")').html('В чате вам адресованы сообщения <a onclick="upd1();" href="javascript://"><i class="fa-solid fa-arrows-rotate"></i></a>');
});
function upd1() {
$('#load_my_message').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;" class="chat-message">$MESSAGE$</span>
<br><br>
</span>
</div>
<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;" class="chat-message">$MESSAGE$</span>
<br><br>
</span>
</div>
3 В форме добавления сообщений мини-чата в удобное для вас место поместите следующий код:
Код
<a href="JavaScript://" id="mmes" title="Есть ли для вас сообщения"><i class="fa-solid fa-message"></i></a>
Пользуйтесь новым функционалом и получайте больше удовольствия от использования чата!
