Уведомление о новых сообщениях в мини-чате со звуком 3.0 by Apocalypse для uCoz

Разместил: Apocalypse
Опубликовано: 25 июля 2015

Скачать Вот и готова версия 3.0. Сразу скажу, что всё тело скрипта писал с нуля, дабы избежать старых ошибок и неудобств. Эта версия более лёгкая и продуманная Особенности: А) Звуковое уведомление о новом сообщении Б) Подгрузка имени пользователя и сообщения со смайлами и вв кодами В) Возможность быстрого запуска мини-чата в ajax окне (По многочисленным просьбам эта функция реализована в этой версии) Г) Возможность полного отключения уведомлений с запоминанием (В любой момент можно вновь включить уведомления) Д) Автопроверка новых сообщений каждые 47 секунд Установка: 1#: Мини-чат -- Вид материалов -- В самый верх:

<?if($NUMBER$='1')?> 
<div style="display:none;"> 
<span id="thget">
<div id="firstm">$MESSAGE$</div><div id="firstus">$USERNAME$</div>
</span>
<?endif?> 
</div>

<?if($NUMBER$='1')?>

<div id="firstm">$MESSAGE$</div><div id="firstus">$USERNAME$</div>

</span>

<?endif?>

</div>

2#: Глобальный блок "Нижняя часть сайта" -- В самый низ:

<div id="almus"></div>
<span style="display:none;">
<div id="uname">$USERNAME$</div>
<div id="gnamea"></div>
<div id="gnameb"></div>
<div id="gnamec"></div>
<div class="ccht">$CHAT_BOX$</div>
</span>
<script src="/js/calert3.0.js"></script>

<div id="uname">$USERNAME$</div>

</span>

3#: В то место, где должна быть кнопочка включения уведомлений (Если пользователь их отключал) вставляйте:

<input type="button" value="Включить уведомления" onclick="clearCook();" />

1	<input type="button" value="Включить уведомления" onclick="clearCook();" />

Залейте JS файл из прикреплённого архива в папку js

Автор публикации

не в сети 2 дня

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1096Регистрация: 27-08-2018

Метки: Apocalypse uCoz Звук Мини-чат Новые сообщения Уведомления

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

12 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

Гость

Анатолий

5 лет назад

Звук не работает ни в версии 2 ни в 3, в чём проблема может быть

Ответить

Редактор

truenerins

5 лет назад

Ответить на Анатолий

Думаю дело во Flash технологии, сейчас браузеры её по стандарту отключают для сайтов. Нужно перевести звук на html5.

Ответить

Редактор

truenerins

5 лет назад

Ответить на truenerins

// Уведомление о новых сообщениях в чате 3.0 by Apocalypse
 
// Тело кукисов
function setCookie(name, value, days) {
 if (days) {
 var date = new Date();
 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
 var expires = "; expires=" + date.toGMTString();
 }
 else var expires = "";
 document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for (var i = 0; i < ca.length; i++) {
 var c = ca[i];
 while (c.charAt(0) == ' ') c = c.substring(1, c.length);
 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
 }
 return null;
}
function eraseCookie(name) {
 setCookie(name, "", -1);
};
 
// Обработка кнопки включения уведомлений
function clearCook() {
eraseCookie('alertOff');
alert('Уведомления о новых сообщениях в чате успешно включены. Перезагрузите страницу для применения настроек');
}
 
// Выезжающее окно подтверждения отключения настроек
function sett() {
_uWnd.alert('<input type="button" value="Да, я уверен" onclick="setC()" /> <input type="button" value="Я передумал" onclick=_uWnd.close("bbf") />', 'Вы уверены?', {w:300, tm:999999, name:'bbf'});
}
 
// Установка кук на запоминание отключения уведомлений
function setC() {
setCookie('alertOff', 1, 365);
_uWnd.close('bbf');
alert('Уведомления успешно отключены. Перезагрузите страницу для применения настроек');
};
 
// Получение данных при загрузке страницы
$('#gnamea').load('/mchat #firstm', function() {
var b = $('#firstm').html();
$('#gnamea').html(b);
});
 
// Функция вызова чата в ajax
function secht() {
var ch = $('.ccht').html();
new _uWnd('ww', 'Мини-чат', 300, 400, {}, ch);
};
 
// Основное тело скрипта
if(getCookie('alertOff')) {} else {
setInterval(function() {
$('#gnameb').load('/mchat #thget', function() {
setTimeout(function() {
$('.xw-hdr-text:contains("чате")').append(' <span id="seechat" style="display:none;position:absolute;margin-top:2px;margin-left:3px;"><img style="cursor:pointer;" title="Открыть чат в ajax окне" src="http://s36.ucoz.net/img/fr/mnV.gif" onclick="secht();" width="13px" /> <img style="cursor:pointer;" title="Клик для отключения уведомлений о сообщениях чата" src="http://s36.ucoz.net/img/fr/mnH.gif" onclick="sett();" width="13px" /></span>');
$('#seechat').fadeIn(500);
}, 1000);
var c = $('#firstus').text();
var d = $('#firstm').html();
var uname = $('#uname').text();
if($("#gnamea").html() == d) {
} else if (c == uname) {
$("#gnamea").html(d);
_uWnd.alert('', 'Сообщение в чате оставлено Вами', {w:300, h:70, align:'left'});
} else {
$("#gnamea").html(d);
_uWnd.alert('<fieldset><legend>Текст сообщения</legend><br>  '+d+'<br><br></fieldset>', 'В чате сообщение от '+c, {tm:15000, w:300, h:150, align:'left'});
$('#almus').html('<audio id="audio" autoplay><source src="sound-01.wav" type="audio/ogg; codecs=vorbis"><source src="/theme.mp3" type="audio/mpeg"></audio>');
};
});
}, 47000);
};

// Уведомление о новых сообщениях в чате 3.0 by Apocalypse

// Тело кукисов

function setCookie(name, value, days) {

if (days) {

var date = new Date();

date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

var expires = "; expires=" + date.toGMTString();

}

else var expires = "";

document.cookie = name + "=" + value + expires + "; path=/";

}

function getCookie(name) {

var nameEQ = name + "=";

var ca = document.cookie.split(';');

for (var i = 0; i < ca.length; i++) {

var c = ca[i];

while (c.charAt(0) == ' ') c = c.substring(1, c.length);

if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);

}

return null;

}

function eraseCookie(name) {

setCookie(name, "", -1);

};

// Обработка кнопки включения уведомлений

function clearCook() {

eraseCookie('alertOff');

alert('Уведомления о новых сообщениях в чате успешно включены. Перезагрузите страницу для применения настроек');

}

// Выезжающее окно подтверждения отключения настроек

function sett() {

_uWnd.alert('<input type="button" value="Да, я уверен" onclick="setC()" /> <input type="button" value="Я передумал" onclick=_uWnd.close("bbf") />', 'Вы уверены?', {w:300, tm:999999, name:'bbf'});

}

// Установка кук на запоминание отключения уведомлений

function setC() {

setCookie('alertOff', 1, 365);

_uWnd.close('bbf');

alert('Уведомления успешно отключены. Перезагрузите страницу для применения настроек');

};

// Получение данных при загрузке страницы

$('#gnamea').load('/mchat #firstm', function() {

var b = $('#firstm').html();

$('#gnamea').html(b);

});

// Функция вызова чата в ajax

function secht() {

var ch = $('.ccht').html();

new _uWnd('ww', 'Мини-чат', 300, 400, {}, ch);

};

// Основное тело скрипта

if(getCookie('alertOff')) {} else {

setInterval(function() {

$('#gnameb').load('/mchat #thget', function() {

setTimeout(function() {

$('.xw-hdr-text:contains("чате")').append(' <span id="seechat" style="display:none;position:absolute;margin-top:2px;margin-left:3px;"><img style="cursor:pointer;" title="Открыть чат в ajax окне" src="http://s36.ucoz.net/img/fr/mnV.gif" onclick="secht();" width="13px" /> <img style="cursor:pointer;" title="Клик для отключения уведомлений о сообщениях чата" src="http://s36.ucoz.net/img/fr/mnH.gif" onclick="sett();" width="13px" /></span>');

$('#seechat').fadeIn(500);

}, 1000);

var c = $('#firstus').text();

var d = $('#firstm').html();

var uname = $('#uname').text();

if($("#gnamea").html() == d) {

} else if (c == uname) {

$("#gnamea").html(d);

_uWnd.alert('', 'Сообщение в чате оставлено Вами', {w:300, h:70, align:'left'});

} else {

$("#gnamea").html(d);

_uWnd.alert('<fieldset><legend>Текст сообщения</legend><br> '+d+'<br><br></fieldset>', 'В чате сообщение от '+c, {tm:15000, w:300, h:150, align:'left'});

$('#almus').html('<audio id="audio" autoplay><source src="sound-01.wav" type="audio/ogg; codecs=vorbis"><source src="/theme.mp3" type="audio/mpeg"></audio>');

};

});

}, 47000);

};

Ответить

Участник

Анатолий Шестаков

5 лет назад

Не работает звук ни во 2 ни в 3 версии, все ссылки в скрипте заменены как надо, но толку нет, пробовал оба скрипта, всё работает, кроме звука, вот последний вариант https://www.irkutsksiti.ru/index/0-29

Ответить

Редактор

truenerins

5 лет назад

Ответить на Анатолий Шестаков

Кодом выше надо заменить calert3.0.js. По идее должно работать, главное чтобы всё в одной папке было. Ну или самому путь к аудио файлу прописать.

Ответить

Участник

Анатолий Шестаков

5 лет назад

Ответить на truenerins

Т.е., если я правильно понял можно просто заменить эту строку с флеша на html:

_uWnd.alert('Текст сообщения  '+d+'', 'В чате сообщение от '+c, {tm:15000, w:300, h:150, align:'left'});
$('#almus').html('');
};

_uWnd.alert('Текст сообщения '+d+'', 'В чате сообщение от '+c, {tm:15000, w:300, h:150, align:'left'});

$('#almus').html('');

};

Ответить

Участник

Анатолий Шестаков

5 лет назад

Ответить на Анатолий Шестаков

Не то скопировалось, скрипт видать на странице, от $('#almus') начиная

Ответить

Участник

Анатолий Шестаков

5 лет назад

Ответить на truenerins

Нет, поменял, не работает. Самое интересное, что в чате у меня работает флеш и HTML 5 со всеми расширениями аудио и видео через вставку ссылки в разных разделах, сравнил с уведомлениями о личных сообщениях, которые у меня на сайте как в контакте, там всё работает, но скрипт массивный, конечно, чего-то не хватает. Есть какой-нибудь сайт с чатом, где этот скрипт работает со звуком? Покопаюсь в коде, может пойму, что к чему?

Ответить

Редактор

truenerins

5 лет назад

Ответить на Анатолий Шестаков

Совсем забыл про autoplay... да и loop не нужен для уведомлений (торопился сорри) вот так попробуй:

// Уведомление о новых сообщениях в чате 3.0 by Apocalypse
 
// Тело кукисов
function setCookie(name, value, days) {
 if (days) {
 var date = new Date();
 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
 var expires = "; expires=" + date.toGMTString();
 }
 else var expires = "";
 document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for (var i = 0; i < ca.length; i++) {
 var c = ca[i];
 while (c.charAt(0) == ' ') c = c.substring(1, c.length);
 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
 }
 return null;
}
function eraseCookie(name) {
 setCookie(name, "", -1);
};
 
// Обработка кнопки включения уведомлений
function clearCook() {
eraseCookie('alertOff');
alert('Уведомления о новых сообщениях в чате успешно включены. Перезагрузите страницу для применения настроек');
}
 
// Выезжающее окно подтверждения отключения настроек
function sett() {
_uWnd.alert('<input type="button" value="Да, я уверен" onclick="setC()" /> <input type="button" value="Я передумал" onclick=_uWnd.close("bbf") />', 'Вы уверены?', {w:300, tm:999999, name:'bbf'});
}
 
// Установка кук на запоминание отключения уведомлений
function setC() {
setCookie('alertOff', 1, 365);
_uWnd.close('bbf');
alert('Уведомления успешно отключены. Перезагрузите страницу для применения настроек');
};
 
// Получение данных при загрузке страницы
$('#gnamea').load('/mchat #firstm', function() {
var b = $('#firstm').html();
$('#gnamea').html(b);
});
 
// Функция вызова чата в ajax
function secht() {
var ch = $('.ccht').html();
new _uWnd('ww', 'Мини-чат', 300, 400, {}, ch);
};
 
// Основное тело скрипта
if(getCookie('alertOff')) {} else {
setInterval(function() {
$('#gnameb').load('/mchat #thget', function() {
setTimeout(function() {
$('.xw-hdr-text:contains("чате")').append(' <span id="seechat" style="display:none;position:absolute;margin-top:2px;margin-left:3px;"><img style="cursor:pointer;" title="Открыть чат в ajax окне" src="http://s36.ucoz.net/img/fr/mnV.gif" onclick="secht();" width="13px" /> <img style="cursor:pointer;" title="Клик для отключения уведомлений о сообщениях чата" src="http://s36.ucoz.net/img/fr/mnH.gif" onclick="sett();" width="13px" /></span>');
$('#seechat').fadeIn(500);
}, 1000);
var c = $('#firstus').text();
var d = $('#firstm').html();
var uname = $('#uname').text();
if($("#gnamea").html() == d) {
} else if (c == uname) {
$("#gnamea").html(d);
_uWnd.alert('', 'Сообщение в чате оставлено Вами', {w:300, h:70, align:'left'});
} else {
$("#gnamea").html(d);
_uWnd.alert('<fieldset><legend>Текст сообщения</legend><br>  '+d+'<br><br></fieldset>', 'В чате сообщение от '+c, {tm:15000, w:300, h:150, align:'left'});
$('#almus').html('<audio id="audio" autoplay><source src="sound-01.wav" type="audio/ogg; codecs=vorbis"><source src="/theme.mp3" type="audio/mpeg"></audio>');
};
});
}, 47000);
};

// Уведомление о новых сообщениях в чате 3.0 by Apocalypse

// Тело кукисов

function setCookie(name, value, days) {

if (days) {

var date = new Date();

date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

var expires = "; expires=" + date.toGMTString();

}

else var expires = "";

document.cookie = name + "=" + value + expires + "; path=/";

}

function getCookie(name) {

var nameEQ = name + "=";

var ca = document.cookie.split(';');

for (var i = 0; i < ca.length; i++) {

var c = ca[i];

while (c.charAt(0) == ' ') c = c.substring(1, c.length);

if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);

}

return null;

}

function eraseCookie(name) {

setCookie(name, "", -1);

};

// Обработка кнопки включения уведомлений

function clearCook() {

eraseCookie('alertOff');

}

// Выезжающее окно подтверждения отключения настроек

function sett() {

}

// Установка кук на запоминание отключения уведомлений

function setC() {

setCookie('alertOff', 1, 365);

_uWnd.close('bbf');

alert('Уведомления успешно отключены. Перезагрузите страницу для применения настроек');

};

// Получение данных при загрузке страницы

$('#gnamea').load('/mchat #firstm', function() {

var b = $('#firstm').html();

$('#gnamea').html(b);

});

// Функция вызова чата в ajax

function secht() {

var ch = $('.ccht').html();

new _uWnd('ww', 'Мини-чат', 300, 400, {}, ch);

};

// Основное тело скрипта

if(getCookie('alertOff')) {} else {

setInterval(function() {

$('#gnameb').load('/mchat #thget', function() {

setTimeout(function() {

$('#seechat').fadeIn(500);

}, 1000);

var c = $('#firstus').text();

var d = $('#firstm').html();

var uname = $('#uname').text();

if($("#gnamea").html() == d) {

} else if (c == uname) {

$("#gnamea").html(d);

_uWnd.alert('', 'Сообщение в чате оставлено Вами', {w:300, h:70, align:'left'});

} else {

$("#gnamea").html(d);

_uWnd.alert('<fieldset><legend>Текст сообщения</legend><br> '+d+'<br><br></fieldset>', 'В чате сообщение от '+c, {tm:15000, w:300, h:150, align:'left'});

$('#almus').html('<audio id="audio" autoplay><source src="sound-01.wav" type="audio/ogg; codecs=vorbis"><source src="/theme.mp3" type="audio/mpeg"></audio>');

};

});

}, 47000);

};

Ответить

Редактор

truenerins

5 лет назад

Ответить на Анатолий Шестаков

Если что не работает пиши в чат, разберёмся. Там мы оперативно отвечаем....

Ответить

Участник

Анатолий Шестаков

5 лет назад

Ответить на truenerins

Получил Ваше письмо. В чате не совсем удобно писать, сообщения искать, может через личку, если она у Вас есть, если нет, можете на моём сайте писать в ЛС. Мой ник Only, с моего чата можно сразу в профиль попасть. Мне больше понравилась идея версии 2.0 Но, там в скрипте есть какой-то конфликт. Как только устанавливаю его в чат, браузер Opera начинает вылетать, якобы из-за какой-то ошибки. Проверял несколько раз, удалил свои скрипты для проверки, Версия 3.0 не вылетает, версия 2. 0 начинает вылетать через несколько сообщений. Если у Вас есть время и желание, давайте вместе доведём 2.0 до ума с настройками времени, звука и т. п. Я поработаю над дизайном, а Вы проверьте скрипт на конфликт с укозовскими скриптами, может быть проверка скрипта на новые сообщения ведёт в конфликт с укозовским скриптом чата

Ответить

Участник

Анатолий Шестаков

5 лет назад

Звук заработал, спасибо!!!

Ответить

topka

Есть скрипт ( денег или баллов ? )
где можно потратить эти баллы или передать и заработать ?

Что-то такое видел на одном сайте ( сталкер сайт на юкозе было)

2024-03-06 21:31:46

Всевидящее око

Новый пост от installusd1 в теме «PPI Pay-Per-Install Best Advertising Network»

2024-03-25 09:45:25

Всевидящее око

Новый комментарий от пользователя паоа: «пкаор» в материале Ajax отправка комментариев в Wordpess без плагинов от Apocalypse

2024-03-27 20:08:09

Apocalypse

Сайт был восстановлен спустя несколько месяцев бездействия

2024-06-27 16:12:56

fapalnaapo

а Шо случилось за что блокировали

2024-06-30 20:46:10

Apocalypse

@fapalnaapo, банально хостинг не был уплачен

2024-07-14 08:27:24

Apocalypse

Всем привет. У кого как жизнь?

2024-07-30 19:50:15

fapalnaapo

давольно таки не плохо, очень приятно, мне очень нравится между прочем

2024-08-13 10:09:49

Apocalypse

Всем доброго дня

2024-11-07 12:00:10

Al-Sher

Всем привет

2024-11-09 17:57:18

......

Для публикации сообщений в чате необходимо авторизоваться

Декабрь 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Уведомление о новых сообщениях в мини-чате со звуком 3.0 by Apocalypse для uCoz

Автор публикации

Apocalypse

Вам может также понравиться...

История просмотренных материалов by Apocalypse для uCoz

Выбор стиля uWnd окон с запоминанием на Cookie by Apocalypse для uCoz

Оригинальный вид рейтинга на персональной странице by uCozWebs для uCoz

Панель управления