مرجع تخصصی برنامه نویسان

بزرگترین انجمن برنامه نویسان فارسی زبان

نمایش نوتیفیکیشن در وبسایت

ﺳﻪ شنبه, 01 خرداد 1397 17:31

نمایش نوتیفیکیشن در وبسایت

با درود و احترام خدمت استاد مدائنی محترم

میخواستم بدونم نحوه ایجاد نوتیفیکیشن و نمایش آن در وبسایت ها به چگونه است و از چه تکنولوژی استفاده میکنن

به عنوان مثال اگه وارد سایتی مثل تخفیفان بشید نمونه این مورد را خواهید دید که از کاربر سوال میکنه آیا حاضر به فعالسازی نمایش نوتیفیکیشن هستید یا خیر؟

ممنون میشم اگه فقط تکنولوژی به کار برده شده رو اعلام فرمایید .بقیه آر اند دی رو خودم انجام خواهم داد.

با تشکر

یکشنبه, 06 خرداد 1397 10:22

مراحل ارسال نوتیفیکیشن در مرورگر:

1) مجوز جهت نمایش نوتیفیکیشن

کد جاوا اسکریپت زیر رو به صفحه خودتون اضافه کنید:

document.addEventListener('DOMContentLoaded', function () 
{

if (Notification.permission !== "granted")
{
Notification.requestPermission();
}

});

این خط هشدار برای دریافت مجوز را نمایش می دهد:

Notification.requestPermission

2) سفارشی کردن عملیات نمایش نوتیفیکیشن

function customnotify(title,desc,url) 
{

  if (Notification.permission !== "granted")
  {
   Notification.requestPermission();
  }
  else
  {
   var notification = new Notification(title, {
   icon:'http://Your_Website.com/logo.png',
   body: desc,
   });

   /*  تابع زمانی که روی نوتیفیکیشن کلیک می شود.*/
   notification.onclick = function () {
   /*  زمان اجرا صفحه به آدرس url باز می شود.*/  
  window.open(url); 
   };

   /* تابع برگشتی زمانی که نوتیفیکیشن بسته می شود. */
   notification.onclose = function () {
   console.log('نوتیفیکیشن بسته شد');
   };

  }
}

حالا کافیه تابع costumnotify رو فراخوانی کنیم

بعنوان مثال :

customnotify('Title Notification','I love MVC','http://www.mymvc.ir')

ارسال پاسخ برای این تاپیک

ارسال پاسخ مخصوص اعضا سایت می باشد ! میتوانید با حساب کاربری خود وارد سایت شده یا ثبت نام کنید