Всплывающие уведомления в браузере на jQuery By Владимир Погодин (VoVcHiK)

FavoriteLoadingДобавить в закладки
123

Скрипт очень маленький, но интересный. Наверное, каждый из вас видел приходящие уведомления в браузере, например о новых сообщениях вконтакте (В правом нижнем углу)

Для начала посмотрите ДЕМО

Приступим к установке:

1#: После ‹/head› на нужных страницах вставьте:

 

2#: Вызов самого уведомления выполняется вот так:

Кстати, почти всегда перед тем, как уведомление появится, нужно будет разрешить сайту отправлять их. Это нужно будет сделать 1 раз, после чего браузер запомнит ваш выбор

Всплывающие уведомления в браузере на jQuery By Владимир Погодин (VoVcHiK): 10 комментариев

  1. Большущее спасибо! Крутой скрипт! Давно задавался вопросом, как вызывать такие вот уведомления, но было жутко лень гуглить эту тему :D

    0
    1. Проверка поддерживает ли браузер
      if (!(«Notification» in window)) {
      alert(«Ваш браузер не поддерживает HTML5 Notifications»);
      }
      Проверка запретил ли отображение
      if (Notification.permission === ‘default’) { }
      или
      if (Notification.permission === ‘denied’) { }

      0
      1. Ну смотри. То что в статье это просто вывод уведомления. Я до сих пор не могу догнать как и кому они приходят если запустить на сервере, ведь есть много пользователей. Всем либо одно либо индивидуальное уведомление нужно.
        используя Service Worker получаю ключ связку — устройство сервер. Зная его можно отправлять уведомления индивидуально, либо какой то группе устройств. И главная моя запара — не могу понять как это сделать. К параметрам как и в статье (title, body), добавляется ещё параметр to — сюда как раз токен и вписывается, но блин, нифига не работает.

        0
        1. К параметрам как и в статье (title, body), добавляется ещё параметр to

          Не нужно ничего прописывать, нужно либо на яваскрипте, либо на PHP определить нужное устройство и уже потом, если условие выполнено, показывать уведомление

          0
          1. Думается мне, что это не сработает. То есть на примере календаря.
            Пришло время-> посылаем данные на клиента. -> На клиенте(js) проверяем, если это то устройство, то показываем.
            То есть рассылка будет всем клиентам, но показ только у нужного.
            А если бы был параметр to, то рассылка была только нужному устройству. Или я чего то ещё не понимаю в хождении данных?

            0
          2. Нужно на JS или PHP определить именно нужное устройство и после выполнения условия уже вывести уведомление. Оно выведется только для того человека, у которого сработало условие

            0

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.