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

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

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

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

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

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

 

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

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

ОтстойОчень плохоПлохоНиже среднегоНормальноМеня зацепилоКлассноШикарноВаще огонь!Это, блять, шедевр! (3 оценок, среднее: 10,00 из 10)

Отправить ответ

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

Войти с помощью: 
avatar
  Подписаться  
свежатина старость популярность
Сообщать о
Apocalypse
Администратор

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

Al-Sher
Редактор

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

Александр
Гость

А послать определённому устройству, зная его токен нельзя никак?

Apocalypse
Администратор

Токен? Что ты имеешь в виду?

Александр
Гость

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

Apocalypse
Администратор

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

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

Александр
Гость

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

Apocalypse
Администратор

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