Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Звуковые уведомления

Предыдущая тема Следующая тема Перейти вниз

Звуковые уведомления

Сообщение автор Racoon в Ср 11 Янв - 20:52

Выглядит так

Уведомления включены.


Уведомления выключены


Для изменения режима нужно нажать в колокольчик

Для установки нужно добавить скрипт:
Код:
alarm_color_on = "white";
alarm_color_off = "#806060";
alarm_title_on = "Выключить звуковые уведомления";
alarm_title_off = "Включить звуковые уведомления";
update_timer = 1000;

function GetAlarm() {  
    var al = localStorage.getItem('alarm');  
    return al === "1";
};

alarm = false;

function SetAlarm(al) {  
    localStorage.setItem('alarm', al ? "1" : "0");  
    if (GetAlarm()) {    
        $('#alarm').text('notifications');    
        $('#alarm').css('color', alarm_color_on);    
        $('#alarm').attr('title', alarm_title_on);    
        DeskInstallNotify();  
    } else {    
        $('#alarm').text('notifications_off');    
        $('#alarm').css('color', alarm_color_off);    
        $('#alarm').attr('title', alarm_title_off);  
    } 
    alarm = al;
};

function SwitchAlarm() {  
    SetAlarm(!GetAlarm());
};

prevunread = -1;
_DeskSoundNotify = function() {   
      $.ajax({
        url: '/notification.forum',
        dataType: 'json',
        success: function(data, txt, xhr) {
            if (alarm) {
                if (data.unread > prevunread) {
                    if (prevunread >= 0)
                        $('#sound').get(0).play();
                    prevunread = data.unread
                }
            }
        }
    }).always(function() {
        setTimeout(_DeskSoundNotify, update_timer)
    });
};

function DeskInstallNotify() {  
    setTimeout(_DeskSoundNotify, update_timer * 2);
};


$(function() {
    $(function() {
        if ($('#mNotificationBtn').length == 0 && _userdata["session_logged_in"] > 0) {       
            alarm = GetAlarm();       
            $('<span id="notify_alarm" onclick="SwitchAlarm();" style="font-size: 20px; cursor: pointer;" ><i title="' + (alarm ? alarm_title_on : alarm_title_off) + '"class="material-icons" style="font-size: 18px; position: relative; top: 5px; color:' + (alarm ? alarm_color_on : alarm_color_off) + '" id="alarm">' + (alarm ? 'notifications' : 'notifications_off') + '</i></span>')           .insertBefore($('#fa_hide'));                  
            if (alarm) DeskInstallNotify();          
        };    
    });
});

В начале скрипта прописаны следующие переменные (можно настраивать по вкусу):
alarm_color_on - цвет колокольчика когда звуковые уведомления включены;
alarm_color_off - цвет колокольчика когда звуковые уведомления выключены;
alarm_title_on - всплывающая подсказка при наведении мышкой для включенных уведомлений;
alarm_title_off - всплывающая подсказка при наведении мышкой для выключенных уведомлений;
update_timer - интервал проверки статуса в миллисекундах;

А также в шаблоне overall_header нужно внести два изменения:
1. В секцию head  добавить ссылку на шрифт "Material Icons" гугла
Код:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>

2. В начале секции body добавить ссылку на звук
Код:
 <audio id="sound">
    <source src="http://tgeek.ru/forum/notify.mp3"/>
  </audio>
ссылку можно (и нужно smile) поменять на свой звуковой файл. Я не гарантирую что мой звук будет жить вечно smile
Вложенные файлы
notify.mp3 У вас нет прав скачивать вложенные файлы.(8 Кб) Скачиваний: 1
avatar
Racoon
 

Сообщения : 118
Возраст : 36
Регистрация : 2015-03-12
Благодарности : 100

Без предупреждений

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения