تنبيه صوتي للأشعارات 2019

 تنبيه صوتي للأشعارات

طلب العديد من منتديات احلى منتدى تشغيل صوت تنبيه عند تلقي اشعارات.
اليوم أنا فخور بأن أعلن عن هذا التقنيه الجديدة الرائعة.

 قد تكون هناك مشكلات إذا قمت بإجراء الكثير من التغييرات على القوالب الخاصة بك.

صور للتقنيه:
تنبيه صوتي للأشعارات 2019 2019-010

التركيب:
لوحة الادارة -- عناصر إضافية -- HTML & JAVASCRIPT -- إدارة اكواد Javascript -- انشاء كود جديد

العنوان*: صوت للاشعارات
أضف الكود الي: جميع الصفحات
الكود*: انسخ والصق الكود التالي.

الكود:

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();
        };
    });
});

ثم سجل

القوالب:
لوحة الادارة -- مظهر المنتدى -- التومبلايتات و القوالب -- إدارة عامة
-- overall_header
ابحث عن

الكود:

<head>

و أضف السطر التالي اسفله

الكود:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>

ثم ابحث عن

الكود:

<body>

و ضع السطر التالي اسفلة

الكود:

<audio id="sound"> <source src="https://illiweb.com/fa/fdf/secret.mp3"/> </audio>

سجل و انشر القالب. Victory

تم كتابة هذه التقنيه بواسطة عضو في المنتدى الدعم الروسي.
تم الترجمه و التعديل بواسطة : omarpop23

موقع احلى مطور

طريقة عرض الأقسام

لونك المفضل

تنبيه صوتي للأشعارات 2019

تعاليق

هــــــام